Skip to content

ToggleGroupItem ​

Overview ​

An individual toggle button inside a ToggleGroup.

Theme entry: ToggleGroupItem

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
variantstringundefinedVisual style variant; inherits from parent ToggleGroup when not set.
sizestringundefinedSize variant; inherits from parent ToggleGroup when not set.
valuestringundefinedThe value of this item.
disabledbooleanundefinedWhether this item is disabled.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Slots ​

default ​

Scoped slot.

Source ​

client/lib/controls/toggle-group/ToggleGroupItem.vue