ToggleGroup

ToggleGroup lets the user make choices that affect the content of the page. The component consists of a group of buttons that are connected and only one button can be selected at a time.

Read more about this component in the Aksel documentation.

Properties

ToggleGroup

PropertyDescriptionDefault
Control
Properties
value
required bindable

Controlled selected value.

string
-
label

Label describing ToggleGroup.

string
""
size

Changes padding and font-size.

"medium" "small"
"medium"
variant

Changes design and interaction-visuals.

"action" "neutral"
"action"
Snippets
children

List of ToggleGroupItem.

 -
Events
onchange

Callback when value changes.

 -

Properties included from: Omit<HTMLAttributes<HTMLDivElement>, "onchange">

ToggleGroupItem

PropertyDescriptionDefault
Control
Properties
value
required

Value of this tab.

string
-
Snippets
children

Label of this tab.

 -

Properties included from: HTMLButtonAttributes