Status
The status of the component
Component checklist
Ready for use!
Figma component
A link to the Figma library where the component lives.
Repository
A link to the repo where the component lives.
gux-segmented-control
Native Events
| Event | Description | Type |
|---|---|---|
| change | InputEvent | |
| input | InputEvent |
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| disabled | disabled | boolean | false | |
| value | value | string | undefined |
Slots
| Slot | Description |
|---|---|
| list of gux-segmented-control-item elements |
Built with StencilJS
gux-segmented-control-item
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
| disabled | disabled | boolean | false | |
| iconOnly | icon-only | boolean | false | |
| selected | selected | boolean | false | |
| value | value | string | undefined |
Slots
| Slot | Description |
|---|---|
| "icon" | optional slot for an icon |
| "text" | required slot for text |
Dependencies
Depends on
Graph
graph TD;
gux-segmented-control-item --> gux-tooltip-beta
gux-segmented-control-item --> gux-segmented-control-divider
gux-tooltip-beta --> gux-tooltip-base-beta
style gux-segmented-control-item fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS
gux-segmented-control-divider
Dependencies
Used by
Graph
graph TD;
gux-segmented-control-item --> gux-segmented-control-divider
style gux-segmented-control-divider fill:#f9f,stroke:#333,stroke-width:4pxBuilt with StencilJS