New to Kendo UI for Angular? Start a free 30-day trial
Layout Mode
Updated on Mar 27, 2026
The SegmentedControl supports two layout modes that control how items are sized within the component. To set the layout mode, use the layoutMode property. It accepts values of type SegmentedControlLayout.
The layoutMode option supports the following values:
compact(default)—Each item takes only as much space as its content requires.stretch—All items stretch equally to fill the available width.
The following example demonstrates a support ticket dashboard that lets you switch between equal-width (stretch) and content-based (compact) layout modes.
Change Theme
Theme
Loading ...