<!-- Default -->
<input type="radio" value="" id=radio01 name=radio01 placeholder=Placeholder class="input-radio is-default" />
<!-- Hover -->
<input type="radio" value="" id=radio02 name=radio02 placeholder=Placeholder class="input-radio is-hover" />
<!-- Focus -->
<input type="radio" value="" id=radio03 name=radio03 placeholder=Placeholder class="input-radio is-focus" />
<!-- Checked -->
<input type="radio" value="" id=radio04 name=radio04 checked placeholder=Placeholder class="input-radio is-checked" />
<!-- Error -->
<input type="radio" value="" id=radio05 name=radio05 placeholder=Placeholder class="input-radio is-error" />
<!-- Success -->
<input type="radio" value="" id=radio06 name=radio06 placeholder=Placeholder class="input-radio is-success" />
<!-- Disabled -->
<input type="radio" value="" id=radio07 name=radio07 disabled placeholder=Placeholder class="input-radio is-disabled" />
<input type="radio" value="{{value}}" id={{id}} name={{name}} {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}} placeholder={{placeholder}} class="input-radio is-{{modifier}}" />
/* Default */
{
"value": "",
"id": "radio01",
"name": "radio01",
"placeholder": "Placeholder",
"modifier": "default"
}
/* Hover */
{
"value": "",
"id": "radio02",
"name": "radio02",
"placeholder": "Placeholder",
"modifier": "hover"
}
/* Focus */
{
"value": "",
"id": "radio03",
"name": "radio03",
"placeholder": "Placeholder",
"modifier": "focus"
}
/* Checked */
{
"value": "",
"id": "radio04",
"name": "radio04",
"placeholder": "Placeholder",
"modifier": "checked",
"checked": true
}
/* Error */
{
"value": "",
"id": "radio05",
"name": "radio05",
"placeholder": "Placeholder",
"modifier": "error",
"isError": true
}
/* Success */
{
"value": "",
"id": "radio06",
"name": "radio06",
"placeholder": "Placeholder",
"modifier": "success"
}
/* Disabled */
{
"value": "",
"id": "radio07",
"name": "radio07",
"placeholder": "Placeholder",
"modifier": "disabled",
"disabled": true
}
There are no notes for this item.