...
Description
A Text Input is used for short, single-line text responses.
For multi-line input, use the Text Area input component.
Anatomy
The Text input is made up of the following elements:
Container
Label
Leading Icon
Trailing Icon
Placeholder
Value
...
The Text Input Component has 3 sizes: Small, Medium and Large. These sizes match the button sizes. The default size for the webapp is the Medium size and the default size for mobile is Large.
...
States
...
...
| Info |
|---|
See the Compass Design System documentation for full details on this component |
Supported Canvases
Modal Canvas
RHS Canvas
Message Canvas
Sample Use in the App Framework
...