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: