<label class="radio">
<input type="radio" name="default" class="radio-input"/><span class="radio-label">Yes</span>
</label>
<label class="radio">
<input type="radio" name="default" class="radio-input"/><span class="radio-label">Maybe</span>
</label>
<label class="radio">
<input type="radio" name="default" class="radio-input"/><span class="radio-label">No</span>
</label>label.radio
input.radio-input(type='radio' name="default")
span.radio-label Yes
label.radio
input.radio-input(type='radio' name="default")
span.radio-label Maybe
label.radio
input.radio-input(type='radio' name="default")
span.radio-label No<label class="radio is-tiny">
<input type="radio" name="size" class="radio-input"/><span class="radio-label">is-tiny</span>
</label>
<label class="radio is-small">
<input type="radio" name="size" class="radio-input"/><span class="radio-label">is-small</span>
</label>
<label class="radio is-normal">
<input type="radio" name="size" class="radio-input"/><span class="radio-label">is-normal</span>
</label>
<label class="radio is-large">
<input type="radio" name="size" class="radio-input"/><span class="radio-label">is-large</span>
</label>
<label class="radio is-massive">
<input type="radio" name="size" class="radio-input"/><span class="radio-label">is-massive</span>
</label>label.radio.is-tiny
input.radio-input(type='radio' name="size")
span.radio-label is-tiny
label.radio.is-small
input.radio-input(type='radio' name="size")
span.radio-label is-small
label.radio.is-normal
input.radio-input(type='radio' name="size")
span.radio-label is-normal
label.radio.is-large
input.radio-input(type='radio' name="size")
span.radio-label is-large
label.radio.is-massive
input.radio-input(type='radio' name="size")
span.radio-label is-massive<label class="radio is-inline">
<input type="radio" name="inline" class="radio-input"/><span class="radio-label">is-inline</span>
</label>
<label class="radio is-inline">
<input type="radio" name="inline" class="radio-input"/><span class="radio-label">is-inline</span>
</label>
<label class="radio is-inline">
<input type="radio" name="inline" class="radio-input"/><span class="radio-label">is-inline</span>
</label>
<label class="radio is-inline">
<input type="radio" name="inline" class="radio-input"/><span class="radio-label">is-inline</span>
</label>label.radio.is-inline
input.radio-input(type='radio' name="inline")
span.radio-label is-inline
label.radio.is-inline
input.radio-input(type='radio' name="inline")
span.radio-label is-inline
label.radio.is-inline
input.radio-input(type='radio' name="inline")
span.radio-label is-inline
label.radio.is-inline
input.radio-input(type='radio' name="inline")
span.radio-label is-inline<label class="radio is-disabled">
<input type="radio" class="radio-input"/><span class="radio-label">radio label</span>
</label>label.radio.is-disabled
input.radio-input(type='radio' )
span.radio-label radio label| Modifier | Description | Class |
|---|---|---|
| Size | changes the element size based on font-size | .is-tiny .is-small .is-normal .is-large .is-massive |
| inline | make radio inline | .is-inline |
| Disabled | indicates that a radio is disabled, equivalent to `radio[disabled]` | .is-disabled |