• 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
    • Layout
    • 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

Kendo UI for Angular Splitter Overview

The Kendo UI for Angular Splitter divides the web page into sections and allows the user to control its layout.

The Splitter Component is part of Kendo UI for Angular, a professional grade UI library with 110+ 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—The Splitter enables you to arrange its panes horizontally or vertically.
  • Pane settings—You can control the behavior of the Splitter panes and set their dimensions, resize and collapse them, and more.
  • Globalization—All Kendo UI for Angular Layout components provide globalization options.
  • Accessibility—The Splitter is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigation—The Splitter supports a number of keyboard shortcuts for processing various commands.

Support and Learning Resources

Additional Resources