marko-ui
← marko-ui

Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Array-driven API

Unlike shadcn's compound RadioGroup / RadioGroupItem pair, this component takes a single items: {"{"} value, label, disabled? {"}"}[] input and renders every item internally. This avoids passing the Zag API across a tag boundary, which Marko can't serialize. Pass value / valueChange for controlled use, disabled to disable the whole group, and name for form submission.

Default

With disabled item

Disabled

Controlled

Selected: comfortable