iOS-style checkbox for multiple selection
1npm install @openwebf/react-cupertino-ui1import { useState } from 'react';
2import { FlutterCupertinoCheckbox } from '@openwebf/react-cupertino-ui';
3
4export function CheckboxExample() {
5 const [checked, setChecked] = useState(false);
6
7 return (
8 <FlutterCupertinoCheckbox
9 checked={checked}
10 onChange={(e) => setChecked(e.detail)}
11 />
12 );
13}| Name | Type | Default | Description |
|---|---|---|---|
| checked | boolean | null | false | Checked state (use null for mixed when `tristate`). |
| tristate | boolean | false | Enable mixed state. |
| disabled | boolean | false | Disable interactions. |
| onChange | (event: CustomEvent<boolean>) => void | - | Fires on changes (`event.detail`). |
| onStatechange | (event: CustomEvent<"checked" | "unchecked" | "mixed">) => void | - | Fires on changes including mixed transitions. |