Go one step further with our solutions for creating an intuitive, personalized experience.
Radio components are used to make a single selection among several options.
Use the h_radio class. The data-label attribute generates a label for the radio components.
<input name="choiceRadio" class="h_radio" type="radio" checked>
<input name="choiceRadio" class="h_radio" data-label="My label 1" type="radio" checked>
<input name="choiceRadio" class="h_radio" data-label="My label 2" type="radio">
There are several variations of Radio available via the accent and danger classes, as well as the disabled attribute.
<input class="h_radio accent" data-label="My label" type="radio" checked>
<input class="h_radio danger" data-label="My label" type="radio" checked>
<input class="h_radio" data-label="My label" type="radio" disabled>
<input name="choiceRadio" class="h_radio" type="radio" checked>
<input name="choiceRadio" class="h_radio" data-label="My label 1" type="radio" checked>
<input name="choiceRadio" class="h_radio" data-label="My label 2" type="radio">
<input class="h_radio accent" data-label="My label" type="radio" checked>
<input class="h_radio danger" data-label="My label" type="radio" checked>
<input class="h_radio" data-label="My label" type="radio" disabled>
| Class | Definition |
|---|---|
| h_radio | Create a radio. |
| accent | Accent radio. |
| danger | Danger radio. |
Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!
Cookie settings