marko-ui
← marko-ui

Toggle Group

A set of two-state buttons that can be toggled on or off.

Array-driven API

Like RadioGroup, this component takes a single items: {"{"} value, label, disabled? {"}"}[] input and renders every item internally, avoiding passing the Zag API across a tag boundary. Pass multiple to allow more than one pressed item at once, and value / valueChange for controlled use.

Default (single selection)

Multiple selection

Outline variant

Sizes

Disabled

Controlled

Selected: center