Inline text field row for form sections
1npm install @openwebf/react-cupertino-ui1import { useState } from 'react';
2import { FlutterCupertinoTextFormFieldRow } from '@openwebf/react-cupertino-ui';
3
4export function TextFormFieldRowExample() {
5 const [value, setValue] = useState('');
6
7 return (
8 <FlutterCupertinoTextFormFieldRow
9 val={value}
10 placeholder="Email"
11 onInput={(e) => setValue(e.detail)}
12 />
13 );
14}| Name | Type | Default | Description |
|---|---|---|---|
| val | string | - | Current text value. |
| placeholder | string | - | Placeholder when empty. |
| type | string | text | Keyboard type: text/password/number/tel/email/url. |
| clearable | boolean | false | Show clear button while editing. |
| onInput | (event: CustomEvent<string>) => void | - | Fires on value changes (`event.detail`). |
| Name | Type | Default | Description |
|---|---|---|---|
| focus() | () => void | - | Focus the field. |
| blur() | () => void | - | Blur the field. |
| clear() | () => void | - | Clear the value. |