Textarea
ExperimentalEnter and edit multiple lines of text.
Example
Tab to explore focus and keyboard behavior.
example.tsx
'use client'; import 'panel-ui-kit/styles.css';import { PanelUiTheme } from 'panel-ui-kit/theme';import { Textarea } from 'panel-ui-kit/textarea';import { Label } from 'panel-ui-kit/label'; export function Example() { return ( <PanelUiTheme theme="neutral" motion={{"mode":"full","durationScale":1,"intensity":1}}> <Label htmlFor="notes">Notes</Label> <Textarea id="notes" name="notes" rows={4} placeholder="Add a note" /> </PanelUiTheme> );}When to use
Pair with Label and described errors. Applications own validation and character limits.
Keyboard
Standard multiline editing. Tab moves focus to the next control.
Properties
| Property | Values | Default |
|---|---|---|
rows | number | Native |
aria-invalid | boolean | false |
motion | full · reduced · off · object | Inherited |