SfCheckbox is a wrapper around
<input type="checkbox"> with additional styles for different states . It can be used for forms or expressing consents.
The root element is an
<input> so any attributes that can be used on an
<input> can be used on
You can use
SfCheckbox to bind the value to a variable in your component.
SfCheckbox with a label, you can use Tailwind's
peer modifiers to control the styles of the label based on the state of the checkbox.
SfCheckbox is a wrapper for
<input type="checkbox"> so it inherits all the accessibility features of the native checkbox.
It's focusable and can be toggled with