Button radio
Button radios are radio button for actions, also showing selection status.
| Last update: | () |
| Message | fix(stylelint): deprecated rules, fix empty lines |
| Committer: | gydavid |
| Version history | |
Checkbox
<input type="checkbox" value="1" name="buttoncheckbox" id="buttoncheckbox-1" class="e-buttonradio">
<label for="buttoncheckbox-1" class="e-btn">
Button 1
</label>
<input type="checkbox" value="1" name="buttoncheckbox" id="buttoncheckbox-1" class="e-buttonradio">
<label for="buttoncheckbox-1" class="e-btn">Button 1</label>Usage
Radio (button group)
<div class="e-buttongroup e-buttongroup-sticky">
<input type="radio" value="1" name="buttonradio" id="buttonradio-1" class="e-buttonradio">
<label for="buttonradio-1" class="e-btn">
Button 1
</label>
<input type="radio" value="2" name="buttonradio" id="buttonradio-2" class="e-buttonradio">
<label for="buttonradio-2" class="e-btn">
Button 2
</label>
<input type="radio" value="3" name="buttonradio" id="buttonradio-3" class="e-buttonradio">
<label for="buttonradio-3" class="e-btn">
Button 3
</label>
</div>
<div class="e-buttongroup e-buttongroup-sticky">
<input type="radio" value="1" name="buttonradio" id="buttonradio-1" class="e-buttonradio">
<label for="buttonradio-1" class="e-btn">Button 1</label>
<input type="radio" value="2" name="buttonradio" id="buttonradio-2" class="e-buttonradio">
<label for="buttonradio-2" class="e-btn">Button 2</label>
<input type="radio" value="3" name="buttonradio" id="buttonradio-3" class="e-buttonradio">
<label for="buttonradio-3" class="e-btn">Button 3</label>
</div>