KendoReact SegmentedControl Overview
Updated on Apr 2, 2026
The KendoReact SegmentedControl displays a horizontal set of mutually exclusive buttons, allowing users to select a single option from a group. It is ideal for switching between views, modes, or filter states.
The KendoReact SegmentedControl is distributed through the kendo-react-buttons NPM package.
This is a Free React SegmentedControlThe KendoReact SegmentedControl is free to use, including in production—no sign-up or license required. Check out all 120+ free and premium UI components in the enterprise-grade KendoReact library.The following example demonstrates the SegmentedControl in action.
Change Theme
Theme
Loading ...
Key Features
- Controlled and Uncontrolled Modes—The SegmentedControl supports both controlled mode (using the
valueprop) and uncontrolled mode (using thedefaultValueprop). - Appearance—You can adjust the size and layout mode of the SegmentedControl.
- Customization—Use the
itemTemplateprop to fully customize the appearance of each item.