Button radio

Checkbox
.e-buttonradio 

<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)
.e-buttongroup > .e-buttonradio 

<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>

Related components

ButtonButton groupCheckboxRadio

Last update

Message fix(buttonradio): active button need default cursor
Date:
()
Committer: rudywaltz
Component history