• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting

Kendo UI for Vue Native Splitter Overview

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

The Splitter component is part of the Kendo UI for Vue Native library of Vue components. It is distributed through NPM under the kendo-vue-layout package.

The Splitter Component is part of Kendo UI for Vue, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Splitter in action.

Example
View Source
Change Theme:

Key Features

  • Orientation—You can arrange the Splitter panes either horizontally or vertically.
  • Pane settings—You can use the Splitter options to configure the dimensions, resizing, collapsing, and scrolling of the panes.
  • Events—Check the events available in the Splitter.
  • Globalization—The Splitter has built-in globalization support.
  • Keyboard navigation—The Splitter supports various keyboard shortcuts.
  • Accessibility—The Splitter is accessible by screen readers and provides full WAI-ARIA support.

Support and Learning Resources

Additional Resources