Radio
Native radio button, restyled. Use for one choice from a short list.
Group
<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>Installation
Everything ships in one stylesheet. There is nothing to import per component.
<link rel="stylesheet" href="https://mian.ro/dist/mian.css">Prefer to own the files? /r/radio.json is a registry item with this component's CSS and example markup, ready to copy into your project with any tool that reads the open registry-item format.
Class reference
| Class / attribute | Description |
|---|---|
| mn-radio | On an <input type="radio">. |
Accessibility
- Group radios in a <fieldset> with a <legend>. Arrow keys move between options natively.