Radio

First Name

        {% include "@Components/forms/radio/radio.twig" with {
  props : {
    id: "radio-button-checked",
    value: "radio-checked",
    label: "First Name",
    name: "radio-checked"
  }
} %}

                <div class="f-radio">
  <input type="radio" class="f-radio__input" id="radio-button-checked" name="radio-checked" value="radio-checked">
  <label class="f-label" for="radio-button-checked">
  <span class="f-label__title">First Name</span>
</label>
</div>

Radio checked

First Name

        {% include "@Components/forms/radio/radio.twig" with {
  props : {
    id: "radio-button",
    value: "radio",
    label: "First Name",
    name: "radio",
    checked: true
  }
} %}

                  <div class="f-radio">
  <input type="radio" class="f-radio__input" id="radio-button" name="radio" value="radio" checked="checked">
  <label class="f-label" for="radio-button">
  <span class="f-label__title">First Name</span>
</label>
</div>

Schema

    {
  "props": {
    "id": {
      "type": "string",
      "description": "id of input"
    },
    "value": {
      "type": "string",
      "description": "value of input"
    },
    "label": {
      "type": "string",
      "description": "label of input"
    },
    "name": {
      "type": "string",
      "description": "name of input"
    },
    "checked": {
      "type": "boolean",
      "description": "true | undefined"
    }
  }
}