Component

Checkbox

Checkbox input for boolean or multiple selection in forms.

tsx
import { Checkbox, FormGroup } from 'wss3-forge'

Usage

Use for boolean options in forms

FormGroup for grouping multiple checkboxes

Use Switch for immediate effect settings

Supports indeterminate state


Examples

Basic Checkbox

tsx
1<Checkbox
2 label="I agree to the terms"
3 checked={agreed}
4 onChange={setAgreed}
5/>

Multiple Checkboxes

tsx
1<VStack gap="sm">
2 <Checkbox label="Email" checked={email} onChange={setEmail} />
3 <Checkbox label="SMS" checked={sms} onChange={setSms} />
4 <Checkbox label="Push" checked={push} onChange={setPush} />
5</VStack>

States

tsx
1<Checkbox label="Unchecked" checked={false} onChange={...} />
2<Checkbox label="Checked" checked={true} onChange={...} />
3<Checkbox label="Disabled" checked={false} onChange={...} disabled />

Previous

VStack

Next

ColorPicker

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.