radio
The square target: a solid pip in every state.
Example
Basic usage
<label><input type="radio" name="r" checked /> One</label>
<label><input type="radio" name="r" /> Two</label>API
These are native input type="radio" controls. Naming, selection, keyboard interaction, events, and form behavior are the HTML API; Mica adds presentation.
Content/markup contracts
| Content | Contract | Default | Description |
|---|---|---|---|
| Radio group | shared name, distinct values | — | Native grouping makes the choices mutually exclusive. Associate each radio with a label. |
Styling
| State | Native source | Default | Description |
|---|---|---|---|
| Unchecked | native state | initial | Muted pip. |
| Checked | checked | false | Bright pip on primary fill. |
Notes
The checked-state grammar across the family: checkbox = fill + glyph, radio = fill + pip, switch = fill + block. The round radio is a two-line theme (see mica.css).