New to Kendo UI for Vue? Start a free 30-day trial

PanesProps

Directive

kendo-splitter-pane

Parent Components

Props

collapsed Boolean

If collapsed is set to true, a pane will be initially collapsed, and if collapsed is set to false, a pane will be initially expanded.

collapsed-size String

Specifies the size (in pixels or in percentage) of a collapsible pane when the pane is collapsed. When a pane is collapsed, a .k-state-collapsed class is added to the pane to facilitate its styling. The collapsed-size value must be less than panes.max and more than panes.min.

collapsible Boolean

If collapsible is set to true, a pane is collapsible, and if collapsible is set to false, a pane is not collapsible.

content-url String

Specifies the URL from which the content of a pane will be loaded.

max String

Specifies the maximum size (in pixels or in percentage) of a pane. The size of a resized pane cannot exceed its defined maximum size.

min String

Specifies the minimum size (in pixels or in percentage) of a pane. The size of a resized pane cannot be less than its defined minimum size.

resizable Boolean

If resizable is set to true, a pane is resizable, and if resizable is set to false, a pane is not resizable.

scrollable Boolean

If scrollable is set to true, a pane is scrollable, and if scrollable is set to false, a pane is not scrollable.

size String

Specifies the size (in pixels or in percentage) of a pane. The best practice is that one of the panes has to be without a size so that it compensates changes in the viewport size. The size value must be less than panes.max and more than panes.min.