Use a boolean Signal whenever another part of the view needs the same opt-in state.
FORM
Checkbox
Checkboxes let people opt into a single independent boolean choice with a clear label and portable state.
PLAYGROUND
Bind one boolean value
bind connects the checkbox to a boolean Signal. Tapping the control updates that value without executing user JavaScript.
signal notificationsEnabled value:true
Checkbox bind:notificationsEnabled label:"Send me release notifications" name:"release-notifications" scheme:"primary"SCHEMES
Every semantic family
The selected state uses the chosen scheme while the unchecked square stays neutral and legible.
Checkbox checked:true label:"Primary" scheme:"primary"
Checkbox checked:true label:"Success" scheme:"success"
Checkbox checked:true label:"Danger" scheme:"danger"STATES
Checked, unchecked, and unavailable
Use checked for a fixed initial state. disabled preserves the state visibly while preventing interaction.
Checkbox checked:true label:"Enabled and checked" scheme:"success"
Checkbox checked:false label:"Enabled and unchecked" scheme:"primary"
Checkbox checked:true disabled:true label:"Disabled and checked" scheme:"muted"
Checkbox checked:false disabled:true label:"Disabled and unchecked" scheme:"muted"BEHAVIOR
One boolean contract
Dowe lowers the same boolean field model to a square, softly rounded checkbox on web, iOS, and Android.
BINDING
Boolean only
bind accepts a bool Signal path and writes true or false when the user changes the control.
ACCESSIBILITY
Label the choice
Provide label text so the visible choice and its control stay understandable together.
TARGETS
Portable state
Web, SwiftUI, and Compose render the same checked, unchecked, and disabled states.
API
Props
Checkbox also accepts the applicable common spacing, sizing, font, visibility, accessibility, and shadow props.
Prop | Type | Default |
|---|---|---|
No dataThere are no records to display | ||