Textarea
Multi-line text input. Default uses tray fill (Mode A), capsule variant uses white fill for tray contexts.
Basic Textarea
Default variant with tray fill on white background (Mode A).
Textarea Variants
Two variants: Default (tray fill) for white backgrounds, Capsule (white fill) for tray backgrounds.
Textarea with Label
Textarea paired with a label for form contexts.
Write a short bio about yourself. Max 500 characters.
Contact Form
When embedded in a tray, use the capsule variant for white surface.
Send us a message
Disabled State
Textarea in disabled state for read-only content.
Custom Heights
Textareas can be customized to different heights based on content needs.
Composer Pattern
Message composer with capsule textarea inside tray container.
Message
A capsule inside a tray.
Tip: keep shadows minimal.
Notes Pattern
Capsule variant inside a tray container for note-taking.
Notes
0 / 500