SegmentedControlComponent

Updated on Mar 25, 2026

Represents the Kendo UI SegmentedControl component for Angular.

Renders a group of buttons where only one can be selected at a time, with a sliding selection indicator.

Selector

kendo-segmented-control

Inputs

Name	Type	Default	Description
items	SegmentedItemSettings[]		Specifies the collection of items to render in the SegmentedControl.
layoutMode	SegmentedControlLayout	'compact'	Specifies the layout mode of the SegmentedControl.
selected	number	0	Specifies the index of the selected button in the items array.
size	ButtonSize		Specifies the size of the SegmentedControl.

Events

Name	Type	Description
selectedChange	EventEmitter<number>	Fires when the selected button changes. Emits the index of the selected button.