Segmented Control Item | Calcite Design System | Esri Developer

Child component of Segmented Control

API reference

Properties

Property	Attribute	Description	Type	Default
checked	checked	When `true`, the component is checked.	`boolean`	`false`
iconEnd	icon-end	Specifies an icon to display at the end of the component.	`IconName \| undefined`
iconFlipRtl	icon-flip-rtl	When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).	`boolean`	`false`
iconStart	icon-start	Specifies an icon to display at the start of the component.	`IconName \| undefined`
value	value	The component's value.	`any \| null`

Styles

Name	Description
--calcite-segmented-control-color	Specifies the component's color.
--calcite-segmented-control-background-color	Specifies the component's background color.
--calcite-segmented-control-shadow	Specifies the component's shadow.
--calcite-segmented-control-icon-color	Specifies the icons's color.

Methods

Name	Description	Signature
componentOnReady	Creates a promise that resolves once the component is fully loaded.	`componentOnReady(): Promise<this>`