Skip to content

Segmented Control Item

@astryxdesign/core v0.7.1 · SegmentedControlItem

Props ​

PropTypeDefaultDescription
valuestring—Unique value of this segment, matched against the parent control's v-model. Required.
labelstring—Name of the segment: its visible text, and its accessible name when isLabelHidden is set. Required.
isLabelHiddenbooleanfalseVisually hides the label so only the icon shows. The label still names the segment through aria-label.
isDisabledbooleanfalseDisables this segment. It keeps its place in the row, but it can no longer be selected or reached with the arrow keys.

Slots ​

  • icon: artwork shown before the label. An Icon placed here follows the size of the parent control.