New to KendoReact? Learn about KendoReact Free.

Controlled and Uncontrolled Modes

Updated on Apr 2, 2026

The SegmentedControl supports both controlled and uncontrolled usage:

In controlled mode, the selected value is managed externally via the value prop and updated through the onChange callback.
In uncontrolled mode, the initial selection is set with defaultValue and the component manages its own state internally.

Controlled SegmentedControl

The following demo shows how to manage the selected value externally via the value prop and the onChange callback, enabling full control over the SegmentedControl state:

Change Theme

Theme

Loading ...

SegmentedControl with Default Value

The following demo shows how to set an initial selection using the defaultValue prop, allowing the component to manage its own state internally without requiring external state management: