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.

Send me release notificationsRequired for release owners.

Use a boolean Signal whenever another part of the view needs the same opt-in state.

dowe
signal notificationsEnabled value:true

Checkbox bind:notificationsEnabled label:"Send me release notifications" name:"release-notifications" helpText:"Required for release owners."
  validate rule:"required" message:"Enable release notifications."

SCHEMES

Every semantic family

The selected state uses the chosen scheme while the unchecked square stays neutral and legible.

Primary
Secondary
Tertiary
Muted
Success
Info
Warning
Danger
dowe
Checkbox checked:true label:"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.

Enabled and checked
Enabled and unchecked
Disabled and checked
Disabled and unchecked
dowe
Checkbox checked:true label:"Enabled and checked" scheme:"success"
Checkbox checked:false label:"Enabled and unchecked"
Checkbox checked:true disabled:true label:"Disabled and checked" scheme:"muted"
Checkbox checked:false disabled:true label:"Disabled and unchecked" scheme:"muted"

VALIDATION

Require explicit consent

For Checkbox, required means the bound boolean must be true. Activation marks it as touched, then every toggle refreshes the message and danger state.

dowe
Checkbox bind:termsAccepted label:"Accept the terms" helpText:"Review the terms before continuing."
  validate rule:"required" message:"You must accept the terms."

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 data

There are no records to display