<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 |