iOS-style buttons with filled and outlined variants
1npm install @openwebf/react-cupertino-ui1import { FlutterCupertinoButton } from '@openwebf/react-cupertino-ui';
2
3export function ButtonsExample() {
4 return (
5 <FlutterCupertinoButton variant="filled" onClick={() => console.log('Clicked')}>
6 Continue
7 </FlutterCupertinoButton>
8 );
9}| Name | Type | Default | Description |
|---|---|---|---|
| variant | 'plain' | 'filled' | 'tinted' | plain | Visual style. |
| size | 'small' | 'large' | small | Size preset. |
| disabled | boolean | false | Disable interactions. |
| pressedOpacity | string | 0.4 | Opacity while pressed (0–1, as string). |
| disabledColor | string | - | Override disabled color (hex). |
| onClick | (event: Event) => void | - | Fires when button is pressed. |