Text Input

Owned by Matt Birtch
Last updated: Dec 02, 2021
1 min read

Design Complete

Important Links

Figma Design Component

UI Platform Storybook Link

Compass Design System Documentation

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

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

 

Â