Back to Tuist

ButtonGroupItem

noora/docs/components/buttongroupitem.md

4.204.01.3 KB
Original Source
<!-- Generated by scripts/generate-web-components.js. Do not edit directly. -->

ButtonGroupItem

Describes one declarative control inside a button group.

html
<noora-button-group-item value="day">Day</noora-button-group-item>

Attributes

AttributeType or allowed valuesDefaultDescription
labelstring""Sets the item label instead of using text content.
valuestringNoneSets the value emitted when the item is selected.
hrefstringNoneRenders the item as a link.
iconstringNoneSets the icon for an icon-only item.
icon-leftstringNoneShows an icon before the label.
icon-rightstringNoneShows an icon after the label.
icon-onlybooleanfalseUses the icon as the complete item content.
aria-labelstringNoneProvides an accessible label for an icon-only item.
disabledbooleanfalseDisables the item.
selectedbooleanfalseShows the item in its selected state.

Slots

SlotDescription
defaultThe item label.

Use this element inside noora-button-group.

Item

Describe one button-group control.

html
<noora-button-group-item value="day">Day</noora-button-group-item>