• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
      • Overview
      • Getting Started
      • ActionSheet
      • AppBar
      • Avatar
      • BottomNavigation
      • Breadcrumb
      • Card
      • Drawer
      • ExpansionPanel
      • GridLayout
      • Menu
      • Context Menu
      • PanelBar
      • Splitter
      • StackLayout
      • TabStrip
      • Stepper
      • TileLayoutupdated
      • Timeline
      • Globalization
      • API
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

SplitterPaneProps

Represents the pane options of the Splitter.

NameTypeDefaultDescription

children?

React.ReactNode

Determines the children nodes.

className?

string

Sets additional classes to the component.

collapsed?

boolean

Specifies the pane collapsed state (see example).

collapsible?

boolean

Specifies if the user is allowed to hide the pane and provide space for other panes (see example).

id?

string

Sets the id property of the top div element of the component.

keepMounted?

boolean

Specifies if the children of the pane should be mounted when it's in collapsed state.

max?

string

Sets the maximum possible size of the pane (see example).

min?

string

Sets the minimum possible size of the pane (see example).

resizable?

boolean

Specifies if the user is allowed to resize the pane and provide space for other panes (see example). If resizable is not specified, the resizing of the pane will be enabled.

scrollable?

boolean

Specifies if overflowing content is scrollable or hidden (see example). If scrollable is not specified, the content will be scrollable.

size?

string

Sets the size of the pane (see example). Has to be between the min and max properties.

style?

React.CSSProperties

Sets additional CSS styles to the component.