• Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Grid
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup

KendoReact Splitter Overview

The KendoReact Splitter splits the page into sections and allows the user to control the page layout.

The KendoReact Splitter component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-layout package.

The following example demonstrates the Splitter in action.

View Source
Change Theme:

The Splitter is part of the KendoReact Layout component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Splitter and the rest of the components in the package, see the Getting Started with the KendoReact Layout Package guide.

Key Features

  • OrientationYou can arrange the Splitter panes either horizontally or vertically.
  • Pane settingsYou can use the Splitter options to configure the dimensions, resizing, collapsing, and scrolling of the panes.
  • GlobalizationThe Splitter has built-in globalization support.
  • Keyboard navigationThe Splitter supports various keyboard shortcuts.
  • AccessibilityThe Splitter is accessible by screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?