• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

SplitterPaneComponent

Represents the pane component of the Splitter.

Selector

kendo-splitter-pane

Export Name

Accessible in templates as #kendoSplitterPaneInstance="kendoSplitterPane"

Inputs

NameTypeDefaultDescription

collapsed

boolean

Specifies if the pane is initially collapsed.

collapsible

boolean

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

max

string

Sets the maximum possible size of the pane. Accepts units in pixel and percentage values.

min

string

Sets the minimum possible size of the pane. Accepts units in pixel and percentage values.

resizable

boolean

Specifies if the user is allowed to resize the pane and provide space for other panes.

scrollable

boolean

Specifies if overflowing content is scrollable or hidden.

separatorLabel

string

The value of the aria-label attribute of the auxiliary separator.

size

string

Sets the initial size of the pane. Accepts units in pixel and percentage values. Has to be between the min and max properties.

Events

NameTypeDescription

collapsedChange

EventEmitter<boolean>

Fires each time the collapsed property changes. The event data contains the new property state. Allows a two-way binding of the collapsed pane property.

sizeChange

EventEmitter<string>

Fires each time the user resizes the Splitter pane. The event data contains the new pane size. Allows a two-way binding of the pane size property.

In this article

Not finding the help you need?