Toggle

Two-state pressable button. Use inside toolbars for formatting controls (bold, italic, align).

Default

Pressable two-state button.

default and outline.

sm, default, lg.

An icon followed by a text label.

The disabled attribute blocks interaction.

Prop	Type	Default	Description
`modelValue`	`boolean`	`false`	Pressed state. Supports v-model.
`defaultValue`	`boolean`	`false`	Initial state.
`variant`	`"default" \| "outline"`	`"default"`	Visual style.
`size`	`"sm" \| "default" \| "lg"`	`"default"`	Size variant.
`disabled`	`boolean`	`false`	Disable input.

Event	Description
`update:modelValue`	Fires when the pressed state toggles. Enables v-model.

Keyboard shortcuts and ARIA behavior.

Shortcut	Description
`Space`	Toggles the pressed state when focused.
`Enter`	Toggles the pressed state when focused.
`Tab`	Moves focus to or from the toggle.