PrimitivesSelect & inputRadio

Radio

Choose exactly one from a set: Yes or No, or one of several options. The page supplies the name, value and initial state, and names the group; the helper renders the native radio, as a plain circle or inside a tile.

<koala-radio>

Circle

visible-circle radio row

I'm replacing my main residence I'm a first time buyer I'm buying an additional property

Radio tile

tile="true"

Yes No Not sure

tile="true", one per line, one disabled

I own it I'm the executor or administrator I'm a trustee

tile="true" density="Compact"

Staying Taking None

The radio inside a bordered tile, the whole tile clickable, the same on a phone and a desktop. The caller lays the tiles out in a grid and names the group with role="radiogroup" and an aria-label.

API

checked bool

disabled bool

class string

name / value / id passthrough

x-model / x-on:* / aria-* / data-* passthrough, onto the radio input

tile bool: the radio inside a bordered tile

label string: the tile's text, when it has no child content

density ComfortableCompact (tile)