Fork me on GitHub

Styleguide: Radio Buttons

Default

<div class="btn-group pgadmin-controls-radio-none">
 <label
class="btn btn-radiomodern btn-primary" tabindex="0">
 <i
class="fa fa-check "></i>
 <input
type="radio" name="value" autocomplete="off" value="none" checked=""> None
 </label>

<label class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden"></i>
 <input
type="radio" name="value" autocomplete="off" value="docking"> Prevent Docking
 </label>
 <label
class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden "></i>
 <input
type="radio" name="value" autocomplete="off" value="full"> Full Lock
 </label>
</div>

Hover

Handled by bootstrap class .btn-primary:hover

Default

<div class="btn-group pgadmin-controls-radio-none">
 <label
class="btn btn-radiomodern btn-primary" tabindex="0">
 <i
class="fa fa-check "></i>
 <input
type="radio" name="value" autocomplete="off" value="none" checked=""> None
 </label>

<label class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden"></i>
 <input
type="radio" name="value" autocomplete="off" value="docking"> Prevent Docking
 </label>
 <label
class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden "></i>
 <input
type="radio" name="value" autocomplete="off" value="full"> Full Lock
 </label>
</div>

Hover

Handled by bootstrap class .btn-primary:hover

Default

<div class="btn-group pgadmin-controls-radio-none">
 <label
class="btn btn-radiomodern btn-primary" tabindex="0">
 <i
class="fa fa-check "></i>
 <input
type="radio" name="value" autocomplete="off" value="none" checked=""> None
 </label>

<label class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden"></i>
 <input
type="radio" name="value" autocomplete="off" value="docking"> Prevent Docking
 </label>
 <label
class="btn btn-radiomodern btn-secondary" tabindex="0">
 <i
class="fa fa-check visibility-hidden "></i>
 <input
type="radio" name="value" autocomplete="off" value="full"> Full Lock
 </label>
</div>

Hover

Handled by bootstrap class .btn-primary:hover