ChoiceGroup

여러 개의 Choice(선택 항목)를 .choice-group으로 묶어서 구성할 수 있습니다.
동일한 주제나 질문 아래에서 사용자에게 복수 선택(Checkbox) 또는 단일 선택(Radio)을 제공할 때 사용합니다.
기본적으로 세로 정렬되며, .is-inline 클래스를 함께 사용하면 가로 정렬로 표시됩니다.

Gap
간격은 일반적으로 Choice UI 크기에 기반해 설정하지만, 별도로 지정할 수도 있습니다.
Gap Size Example
is-sm
Default (medium)
Direction
Default is-vertical 
<div class="choice-group is-inline">
  <div class="choice">
    <input type="radio" id="n1" name="name" checked>
    <label for="b1">
      <span class="custom-mark"></span>
      <span class="lable-text">Text</span>
    </label>
  </div>
  <div class="choice">
    <input type="radio" id="n2" name="name" disabled>
    <label for="b2">
      <span class="custom-mark"></span>
      <span class="lable-text">Text</span>
    </label>
  </div>
  <div class="choice is-readonly is-error">
    <input type="radio" id="n3" name="name">
    <label for="b3">
      <span class="custom-mark"></span>
      <span class="lable-text">Text</span>
    </label>
  </div>
</div>