ToggleButton

Checkbox Single

<c-bs-toggle-button variant="primary" c-outline="False" c-attrs="{'id': 'btn-check'}">Single toggle</c-bs-toggle-button>

Preview:


Checkbox Checked

<c-bs-toggle-button c-checked="True" variant="primary" c-outline="False" c-attrs="{'id': 'btn-check-2'}">Checked</c-bs-toggle-button>

Preview:


Checkbox Disabled

<c-bs-toggle-button c-disabled="True" variant="primary" c-outline="False" c-attrs="{'id': 'btn-check-3'}">Disabled</c-bs-toggle-button>

Preview:


Radio Checked

<c-bs-toggle-button type="radio" name="options" c-checked="True" variant="secondary" c-outline="False" c-attrs="{'id': 'option1'}">Checked</c-bs-toggle-button>

Preview:


Radio Unchecked

<c-bs-toggle-button type="radio" name="options" variant="secondary" c-outline="False" c-attrs="{'id': 'option2'}">Radio</c-bs-toggle-button>

Preview:


Radio Disabled

<c-bs-toggle-button type="radio" name="options" c-disabled="True" variant="secondary" c-outline="False" c-attrs="{'id': 'option3'}">Disabled</c-bs-toggle-button>

Preview: