ToggleGroupItem
Overview
An individual toggle button inside a ToggleGroup.
Theme entry: ToggleGroupItem
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| class | import('vue').HTMLAttributes['class'] | undefined | Additional CSS classes to apply to the root element. | |
| variant | string | undefined | Visual style variant; inherits from parent ToggleGroup when not set. | |
| size | string | undefined | Size variant; inherits from parent ToggleGroup when not set. | |
| value | string | undefined | The value of this item. | |
| disabled | boolean | undefined | Whether this item is disabled. | |
| as | string|object | undefined | The element or component to render as. | |
| asChild | boolean | false | When true, merges props onto the child element instead of rendering a wrapper. |
Slots
default
Scoped slot.
Source
client/lib/controls/toggle-group/ToggleGroupItem.vue