Mercedes Pattern Library

Input: Radio Circle 

<div class="a-input  a-input--radio-circle ">
    <div class="a-input__label">
        Label
    </div>
    <label class="a-input--radio-tab">
        <input type="radio" name="gender" checked >
        <span>
            <span></span>
        </span>
        M
    </label>
    <label class="a-input--radio-tab">
        <input type="radio" name="gender" >
        <span>
           <span></span>
        </span>
         F
    </label>
</div>
 
<div class="a-input  a-input--radio-circle {% if disabled == true %}a-input--disabled{% endif %}">
    <div class="a-input__label">
        {{ textDisabled.label }}
    </div>
    <label class="a-input--radio-tab">
        <input type="radio" name="gender" checked {% if disabled == true %} disabled {% endif %}>
        <span>
            <span></span>
        </span>
        M
    </label>
    <label class="a-input--radio-tab">
        <input type="radio" name="gender" {% if disabled == true %} disabled {% endif %}>
        <span>
           <span></span>
        </span>
         F
    </label>
</div>
 
{
  "text": {
    "label": "Label",
    "value": null,
    "placeholder": "Label Placeholder",
    "disabled": null
  },
  "textDisabled": {
    "label": "Label",
    "value": "25.991,80 €",
    "disabled": true
  },
  "select": {
    "label": "Label",
    "values": [
      "IVA 22% vendite",
      "IVA 10% vendite"
    ],
    "disabled": null
  }
}

There are no notes for this item.