# SegmentedControl Overview

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](https://www.telerik.com/kendo-jquery-ui/documentation/controls/segmentedcontrol/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](https://www.telerik.com/kendo-jquery-ui/documentation/controls/segmentedcontrol/icons)—Enhance segment buttons with icons from the Kendo UI theme, custom CSS classes, or a combination of icons and text labels.
* [Accessibility](https://www.telerik.com/kendo-jquery-ui/documentation/controls/segmentedcontrol/accessibility/overview)—The SegmentedControl is accessible for screen readers, supports WAI-ARIA attributes, and delivers [keyboard shortcuts for faster navigation](https://www.telerik.com/kendo-jquery-ui/documentation/controls/segmentedcontrol/accessibility/keyboard-navigation).

> tip To learn more about the appearance, anatomy, and accessibility of the SegmentedControl, visit the [Progress Design System documentation](https://www.telerik.com/design-system/docs/components/segmentedcontrol/)—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](https://www.telerik.com/kendo-jquery-ui/documentation/controls/segmentedcontrol/get-started)
* [Basic Usage of the SegmentedControl (Demo)](https://demos.telerik.com/kendo-ui/segmentedcontrol/index)
* [JavaScript API Reference of the SegmentedControl](https://www.telerik.com/kendo-jquery-ui/documentation/api/ui/segmentedcontrol)

## See Also

* [Applying the SegmentedControl API (Demo)](https://demos.telerik.com/kendo-ui/segmentedcontrol/api)
* [Basic Events in the SegmentedControl (Demo)](https://demos.telerik.com/kendo-ui/segmentedcontrol/events)
* [Knowledge Base Section](https://www.telerik.com/kendo-jquery-ui/documentation/knowledge-base)
