Radio

Preview 
<div class="radio-group ">
    <div class="radio-group__text">tee oma valik</div>
    <div class="radio-group__control">
        <label class="radio">
                <input id="radioName0" type="radio" class="radio__input" name="radioName" value="value1">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName0">label1</span>
            </label>
        <label class="radio">
                <input id="radioName1" type="radio" class="radio__input" name="radioName" value="value2">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName1">label2</span>
            </label>

        <div class="radio-group__notice">Selle välja täitmine on kohustuslik.</div>
    </div>
</div>
 
{
  "label": "checking",
  "name": "radioName",
  "title": "tee oma valik",
  "helpText": "Selle välja täitmine on kohustuslik.",
  "options": {
    "label1": "value1",
    "label2": "value2"
  }
}

Inline

Preview 
<div class="radio-group radio-group--inline">
    <div class="radio-group__text">tee oma valik</div>
    <div class="radio-group__control">
        <label class="radio">
                <input id="radioName0" type="radio" class="radio__input" name="radioName" value="value1">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName0">label1</span>
            </label>
        <label class="radio">
                <input id="radioName1" type="radio" class="radio__input" name="radioName" value="value2">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName1">label2</span>
            </label>

        <div class="radio-group__notice">Selle välja täitmine on kohustuslik.</div>
    </div>
</div>
 
{
  "label": "checking",
  "name": "radioName",
  "title": "tee oma valik",
  "helpText": "Selle välja täitmine on kohustuslik.",
  "options": {
    "label1": "value1",
    "label2": "value2"
  },
  "modifiers": "radio-group--inline"
}

Valideerimine

Preview 
<div class="radio-group is-error">
    <div class="radio-group__text">tee oma valik</div>
    <div class="radio-group__control">
        <label class="radio">
                <input id="radioName0" type="radio" class="radio__input" name="radioName" value="value1">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName0">label1</span>
            </label>
        <label class="radio">
                <input id="radioName1" type="radio" class="radio__input" name="radioName" value="value2">
                <span class="radio__indicator"></span>
                <span class="radio__label " for="radioName1">label2</span>
            </label>

        <div class="radio-group__notice">Selle välja täitmine on kohustuslik.</div>
    </div>
</div>
 
{
  "label": "checking",
  "name": "radioName",
  "title": "tee oma valik",
  "helpText": "Selle välja täitmine on kohustuslik.",
  "options": {
    "label1": "value1",
    "label2": "value2"
  },
  "modifiers": "is-error"
}