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-border-color | Specifies the component's border 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 | Create a promise that resolves once component is fully loaded. | componentOnReady(): Promise<this> |