ToggleButton

Checkbox Single

{% component "ToggleButton" attrs:id="btn-check" variant="primary" outline=False %}Single toggle{% endcomponent %}

Preview:


Checkbox Checked

{% component "ToggleButton" attrs:id="btn-check-2" checked=True variant="primary" outline=False %}Checked{% endcomponent %}

Preview:


Checkbox Disabled

{% component "ToggleButton" attrs:id="btn-check-3" disabled=True variant="primary" outline=False %}Disabled{% endcomponent %}

Preview:


Radio Checked

{% component "ToggleButton" type="radio" name="options" attrs:id="option1" checked=True variant="secondary" outline=False %}Checked{% endcomponent %}

Preview:


Radio Unchecked

{% component "ToggleButton" type="radio" name="options" attrs:id="option2" variant="secondary" outline=False %}Radio{% endcomponent %}

Preview:


Radio Disabled

{% component "ToggleButton" type="radio" name="options" attrs:id="option3" disabled=True variant="secondary" outline=False %}Disabled{% endcomponent %}

Preview: