SegmentedControl Overview

Updated on Mar 24, 2026

The SegmentedControl renders a group of buttons that allow the user to select a single option from a set of mutually exclusive choices. Each button represents one segment and can display a text label, an icon, or both.

Functionality and Features

• Layout Modes—Choose between compact mode, where each segment sizes to its content, and stretch mode, where all segments share the container width equally.
• Icons—Enhance segment buttons with icons from the Kendo UI theme, custom CSS classes, or a combination of icons and text labels.
• Accessibility—The SegmentedControl is accessible for screen readers, supports WAI-ARIA attributes, and delivers keyboard shortcuts for faster navigation.

To learn more about the appearance, anatomy, and accessibility of the SegmentedControl, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Next Steps

• Getting Started with the Kendo UI SegmentedControl for jQuery
• Basic Usage of the SegmentedControl (Demo)
• JavaScript API Reference of the SegmentedControl

See Also

• Applying the SegmentedControl API (Demo)
• Basic Events in the SegmentedControl (Demo)
• Knowledge Base Section