Textarea
Multi-line text, such as a description or a note. Turn on monospace for Markdown or code, and add a counter when there is a limit.
- Textarea
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, Textarea
Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.
Dark theme, Textarea
Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.
High contrast theme, Textarea
Plain text, shown in lists. 48 / 140
Tell the reviewer why this change is needed.
UsageLink to the section Usage
import { Textarea } from '@skribly/ui/forms'<Textarea label="Description" maxLength={280}
formatCount={(count, max) => `${count} / ${max}`} />Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- The counter sits in the description, so it is read when the field gets focus rather than on every key.
- Resize stays vertical so the page never scrolls sideways.
This demo runs through axe in all three themes on every test run. See what the tests check.