Text view
A text view is a component that displays blocks of read-only or editable text. Unlike text fields, text views are designed for multi-line, larger-scale content such as paragraphs, notes, or messages.
Philosophy
Text views support long-form text entry and display.
They allow users to write or read extended content comfortably.
They emphasize legibility and focus over dense UI chrome.
They adapt to different contexts — from static reading to rich editing.
Anatomy
Variants
Standard
Optionally displays text or allows to input multi-line text.
States
Idle
Empty with placeholder or static content visible.
Usage tips
Dos
Use for long-form text, not short entries (use text fields instead).
Provide adequate space for comfortable reading and writing.
Support keyboard shortcuts and text selection (editable).
Ensure good line spacing and readable font sizes.
Don’ts
Don’t overload with too many formatting tools unless necessary.
Don’t restrict resizing unless it harms layout.
Real-world example
