This website requires JavaScript to deliver the best possible experience.

Radio

    <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
          ModifierDescriptionClass
          Sizechanges the element size based on font-size

          .is-tiny

          .is-small

          .is-normal

          .is-large

          .is-massive

          inlinemake radio inline.is-inline
          Disabledindicates that a radio is disabled, equivalent to `radio[disabled]`.is-disabled