Kendo UI for Angular

Angular Splitter

  • Build great UX by splitting a page into sections and allowing users to resize, expand and collapse them.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Splitter splits a page into sections and allows users to control the page layout. Sections of the page can be expanded and collapsed with a single click or resized using the provided handlers.

    See Angular Splitter Overview demo.

    Kendo UI for Angular Splitter - Overview
  • Panes

    Panes are the building blocks of the Kendo UI for Angular Splitter. They represent each section and provide options for setting dimensions, resizing, collapsing, and scrolling properties—all of which can be set on a pane-by-pane basis.

    See Angular Splitter Panes demo.

    Kendo UI for Angular Splitter - Panes
  • Keyboard Navigation

    With the built-in Keyboard Navigation, the Kendo UI for Angular Splitter lets users interact with the individual panes and their content using just the keyboard.

    See Angular Splitter Keyboard Navigation demo.

  • Orientation

    The Kendo UI for Angular Splitter comes with built-in logic for handling Panes in both horizontal and vertical modes.

    See Angular Splitter Orientation demo.

    Kendo UI for Angular Splitter - Orientation
  • Accessibility

    The Kendo UI for Angular Splitter is compliant with Section 508 and WAI-ARIA standards, and is AAA rated with WCAG 2.0.

    See Angular Splitter Accessibility demo.

    Kendo UI for Angular - Calendar Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI