# Radio · MIAN

Native radio button, restyled. Use for one choice from a short list.

- Id: `radio` · Category: Forms · Needs mian.js: no · License: MIAN License (free to use)
- Docs: https://mian.ro/components/radio
- Use for: radio buttons, single choice, choose one.
- Alternatives: radio-card, toggle-group.

Use only the classes below and copy the examples' structure and ARIA; change the words. Check your markup at https://mian.ro/api/v1/validate.

## Install

```html
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">
```

## Classes

- `mn-radio`: On an <input type="radio">.

## Accessibility

- Group radios in a <fieldset> with a <legend>. Arrow keys move between options natively.

## Examples

### Group

```html
<fieldset class="mn-fieldset">
  <legend>Delivery</legend>
  <label class="mn-check"><input class="mn-radio" type="radio" name="del" checked> Standard: 3 to 5 days</label>
  <label class="mn-check"><input class="mn-radio" type="radio" name="del"> Express: next day</label>
  <label class="mn-check"><input class="mn-radio" type="radio" name="del" disabled> Same day (unavailable)</label>
</fieldset>
```

## Source

Already inside mian.css; you do not need it to use the component. To vendor or customise: https://mian.ro/api/v1/components/radio/source