Textarea
A multi-line text field for answers that run longer than a line — descriptions, feedback, commit messages. Its height is a promise about how much you expect someone to write.
Added in v1.0.0 · import from "@borneo/react"
Interactive previewPermalink to this section
Drag the resize handle in the bottom-right corner to see the default vertical behaviour.
State
Resize
Counter
textarea-preview.tsx
<Textarea
resize="vertical"
placeholder="Describe what changed and why…"
/>AnatomyPermalink to this section
51 / 280 characters
StatesPermalink to this section
Identical to Input, because a form whose two text controls disagree about what “focused” looks like feels broken.
Default
Focus visible
Error
aria-invalid + message
Success
Disabled
Read-only
Character limitsPermalink to this section
A counter is only useful when there is a real limit. Show it when someone can plausibly hit the ceiling.
Shared with the product team every Monday.
0 / 280 characters