<!-- 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

| Attribute | Type or allowed values | Default | Description |
| --- | --- | --- | --- |
| `label` | `string` | `""` | Sets the item label instead of using text content. |
| `value` | `string` | None | Sets the value emitted when the item is selected. |
| `href` | `string` | None | Renders the item as a link. |
| `icon` | `string` | None | Sets the icon for an icon-only item. |
| `icon-left` | `string` | None | Shows an icon before the label. |
| `icon-right` | `string` | None | Shows an icon after the label. |
| `icon-only` | `boolean` | `false` | Uses the icon as the complete item content. |
| `aria-label` | `string` | None | Provides an accessible label for an icon-only item. |
| `disabled` | `boolean` | `false` | Disables the item. |
| `selected` | `boolean` | `false` | Shows the item in its selected state. |

## Slots

| Slot | Description |
| --- | --- |
| `default` | The 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>
```
