New to Kendo UI for Vue? Start a free 30-day trial
Layout Mode
Updated on Apr 23, 2026
The SegmentedControl provides the layoutMode property that controls how items are distributed horizontally.
The available layout modes are:
compact—Items are sized based on their content. This is the default.stretch—Items stretch to fill the available horizontal space equally.
The following demo shows the difference between the compact and stretch layout modes when rendering the same set of items:
Change Theme
Theme
Loading ...