Checkbox#

Checkbox...

let (checked, set_checked) = create_signal(false); view! { <Checkbox checked=checked set_checked=set_checked /> } checked: false

Disabled#

Checkboxes support the disabled property, making them unmodifiable if set true.

<Checkbox disabled=true checked=checked set_checked=set_checked />

Styling#

You may overwrite any of the following CSS variables to meet your styling needs.

--checkbox-size --checkbox-padding --checkbox-border-radius --checkbox-border --checkbox-border-color --checkbox-color --checkbox-background-color --checkbox-hover-border-color --checkbox-hover-color --checkbox-hover-background-color --checkbox-checked-border-color --checkbox-checked-color --checkbox-checked-background-color --checkbox-checked-hover-border-color --checkbox-checked-hover-color --checkbox-checked-hover-background-color