imitation
Textarea
Multi-line text for reflections, feedback and journal entries.
TextareaMulti-line, count, auto size
151 / 600
Only you can read this
26 / 600
In context
Reflection composer and feedback formCounted field; an error once the message is left empty
New reflection
151 / 600
Feedback
Tell us what is working and what is not. We read every note.
0 / 600
Compact counter
countSeparatorcountSeparator="/" prints 59/2000; --rebar-textarea-* tokens set type, padding, border, radius and focus.
10/2000
Props
| Prop | Type | Required | Default |
|---|---|---|---|
rows | number | undefined | No | 3 |
autoSize | boolean | { minRows?: number | undefined; maxRows?: number | undefined; } | undefined | No | — |
showCount | boolean | undefined | No | — |
invalid | boolean | undefined | No | — |
size | "md" | "lg" | undefined | No | md |
resize | "none" | "vertical" | undefined | No | — |
countSeparator | string | undefined | No | / |
Accessibility
A native <textarea>: name it with a <label> or aria-label. invalid sets aria-invalid; showCount links the counter with aria-describedby. Type stays at 16px or more so iOS does not zoom on focus. The Tab key moves on; there is no trap.
data-rebar-* attributes
data-rebar-component="textarea" on the field; data-rebar-size, data-rebar-resize, data-rebar-autosize, data-rebar-invalid; parts field (the wrapper) and count (with data-rebar-at-limit).