Menu
 

Radios

You can take a look at the radio input samples we have developed specifically for Qoduby on this page.

Example
										
<div class="radiobox radiobox-primary">
  <input type="radio" name="radio" id="radio1" checked>
  <label for="radio1">Primary</label>
</div>
<div class="radiobox radiobox-secondary">
  <input type="radio" name="radio" id="radio2">
  <label for="radio2">Secondary</label>
</div>
<div class="radiobox radiobox-success">
  <input type="radio" name="radio" id="radio3">
  <label for="radio3">Success</label>
</div>
<div class="radiobox radiobox-danger">
  <input type="radio" name="radio" id="radio4">
  <label for="radio4">Danger</label>
</div>
<div class="radiobox radiobox-warning">
  <input type="radio" name="radio" id="radio5">
  <label for="radio5">Warning</label>
</div>
<div class="radiobox radiobox-info">
  <input type="radio" name="radio" id="radio6">
  <label for="radio6">Info</label>
</div>
<div class="radiobox radiobox-light">
  <input type="radio" name="radio" id="radio7">
  <label for="radio7">Light</label>
</div>
<div class="radiobox radiobox-dark">
  <input type="radio" name="radio" id="radio8">
  <label for="radio8">Dark</label>
</div>
										
									
Large
										
<div class="radiobox radiobox-primary radiobox-lg">
  <input type="radio" name="radio-lg" id="radio9" checked>
  <label for="radio9">Primary</label>
</div>
<div class="radiobox radiobox-secondary radiobox-lg">
  <input type="radio" name="radio-lg" id="radio10">
  <label for="radio10">Secondary</label>
</div>
<div class="radiobox radiobox-success radiobox-lg">
  <input type="radio" name="radio-lg" id="radio11">
  <label for="radio11">Success</label>
</div>
<div class="radiobox radiobox-danger radiobox-lg">
  <input type="radio" name="radio-lg" id="radio12">
  <label for="radio12">Danger</label>
</div>
<div class="radiobox radiobox-warning radiobox-lg">
  <input type="radio" name="radio-lg" id="radio13">
  <label for="radio13">Warning</label>
</div>
<div class="radiobox radiobox-info radiobox-lg">
  <input type="radio" name="radio-lg" id="radio14">
  <label for="radio14">Info</label>
</div>
<div class="radiobox radiobox-light radiobox-lg">
  <input type="radio" name="radio-lg" id="radio15">
  <label for="radio15">Light</label>
</div>
<div class="radiobox radiobox-dark radiobox-lg">
  <input type="radio" name="radio-lg" id="radio16">
  <label for="radio16">Dark</label>
</div>
										
									
2023© Qoduby