Skip to content

Segmented Control Item

Child component of Segmented Control

API reference

Properties

PropertyAttributeDescriptionTypeDefault
checkedcheckedWhen true, the component is checked.booleanfalse
iconEndicon-endSpecifies an icon to display at the end of the component.string
iconFlipRtlicon-flip-rtlWhen true, the icon will be flipped when the element direction is right-to-left ("rtl").booleanfalse
iconStarticon-startSpecifies an icon to display at the start of the component.string
valuevalueThe component's value.any

Styles

NameDescription
--calcite-segmented-control-colorSpecifies the component's color.
--calcite-segmented-control-background-colorSpecifies the component's background color.
--calcite-segmented-control-border-colorSpecifies the component's border color.
--calcite-segmented-control-shadowSpecifies the component's shadow.
--calcite-segmented-control-icon-colorSpecifies the icons's color.

Methods

NameDescriptionSignature
componentOnReadyCreate a promise that resolves once component is fully loaded.componentOnReady(): Promise<void>

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.