Switch Group Component
The Switch component is a user interface element that allows users to toggle between two states, typically representing “on” and “off.” It is commonly used in forms and settings for adjusting options quickly and intuitively.
Switch
<input type="checkbox" name="gender" class="form-switch" />
<input type="checkbox" name="gender" className="form-switch" />
Switch with Label
<div class="form-control">
<input type="checkbox" name="5g" id="5g" class="form-check" />
<label for="5g" class="form-label">5G</label>
</div>
<div class="form-control">
<input type="checkbox" name="blutooth" id="blutooth" class="form-check" />
<label for="blutooth" class="form-label">Bluetooth</label>
</div>
<div className="form-control">
<input type="checkbox" name="5g" id="5g" className="form-check" />
<label for="5g" className="form-label">5G</label>
</div>
<div className="form-control">
<input type="checkbox" name="blutooth" id="blutooth" className="form-check" />
<label for="blutooth" className="form-label">Bluetooth</label>
</div>
Switch vertical
<input type="checkbox" name="gender" class="form-switch-vertical" />
<input type="checkbox" name="gender" className="form-switch-vertical" />