Radio

Description

The radio buttons use the ascii style, with a dot to show which one is selected. You can use the .tui-input-fieldset class to group the radio button into a fieldset. Check the Fieldset page for more details.

Code Examples

These are some examples for component:

Note: The radio button html structure needs to be followed to works. The style will not be applied if the class was used in the input element only.

<!-- Default -->
<label class="tui-radio">Default
    <input type="radio" name="group" />
    <span></span>
</label>

<!-- Checked -->
<label class="tui-radio">Checked
    <input type="radio" name="group" checked />
    <span></span>
</label>

<!-- Fieldset Group -->
<fieldset class="tui-input-fieldset">
    <label class="tui-radio">Radio
        <input type="radio" name="group" />
        <span></span>
    </label>
</fieldset>

Component Classes

This is the table with available classes for this component.

Class	Description
.tui-radio	Creates a radio button