Search
Find
Form
Create and style a wide variety of forms
Checkbox
The redesigned checkbox element
Form field
A simple form container to group form sections
Input
The universal text input element
Label
Style your form labels
Radio button
The redesigned radio button element
Select
A basic dropdown selection element
Switch
A redesigned checkbox element that looks like a switch
Textarea
A multiline text input element
Radio button
The redesigned radio button element
Added in v3.1.0
To create a radio button element, first create a
div with a siimple-radio class:
<div class="siimple-radio"></div>
Then add a
input element inside, and add the type="radio" attribute. You must also assign an id to the input element.
<div class="siimple-radio">
<input type="radio" id="myRadio">
</div>
Finally, add a
label bound to the previously input element.
<div class="siimple-radio">
<input type="radio" id="myRadio">
<label for="myRadio"></label>
</div>
Your radio component is ready:
<label class="siimple-label">Your radio:
<div class="siimple-radio">
<input type="radio" id="myRadio" >
<label for="myRadio"></label>
</div>
Colored radio
Added in v3.2.0
Use
siimple-radio--error, siimple-radio--warning and siimple-radio--success to change the color of the checked checkbox.
<label class="siimple-label">Your radio:
<div class="siimple-radio siimple-radio--warning">
<input type="radio" id="myRadio2" >
<label for="myRadio2"></label>
</div>
Found a mistake or want to help improve this documentation?
Suggest changes.