New to KendoReact? Learn about KendoReact Free.
SegmentedControl Layout Mode
Updated on Nov 6, 2026
The SegmentedControl supports two layout modes that control how items are distributed horizontally. To set the layout mode, use the layoutMode property.
The layoutMode option supports the following values:
compact(Default)—Items are sized based on their content.stretch—Items stretch equally to fill the available horizontal space.
The following example uses a SegmentedControl to switch between the equal-width (stretch) and content-based (compact) layout modes of a status filter.
Loading ...