Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Tip

Design Complete

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


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

Image RemovedImage Added