Component
Checkbox
A full-width row with a label on the left and a round checkmark control on the right, animated on toggle.
Standalone
checkbox.tsx
<NativeCheckbox label="I agree to the terms" checked={checked} onValueChange={setChecked} />Example
A stack of agreement checkboxes a user has to clear before a form can be submitted.
checkbox-example.tsx
<NativeCheckbox label="I agree to the terms" checked={a} onValueChange={setA} />
<NativeCheckbox label="Email me a copy" checked={b} onValueChange={setB} />Capabilities
| Prop | Type | Description |
|---|---|---|
| labelrequired | string | - |
| checkedrequired | boolean | - |
| onValueChangerequired | (checked: boolean) => void | - |
| disabled | boolean | - |
| className | string | - |