Getting Started
    • Barcodes
    • Buttons
    • Charts
    • Conversational UI
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filterupdated
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PivotGridupdated
    • Popup
    • ProgressBarsupdated
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilitiesnew
    Styling & Themes
    Common Features
    Project Setup

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 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.

View Source
Change Theme:

Key Features

  • OrientationThe Splitter enables you to arrange its panes horizontally or vertically.
  • Pane settingsYou can control the behavior of the Splitter panes and set their dimensions, resize and collapse them, and more.
  • GlobalizationAll Kendo UI for Angular Layout components provide globalization options.
  • AccessibilityThe Splitter is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe Splitter supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?