Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

Design Complete

Figma Design Component

UI Platform Storybook Link

Compass Design System Documentation

Anatomy

The Text input is made up of the following elements:

  • Container

  • Label

  • Leading Icon

  • Trailing Icon

  • Placeholder

  • Value

Sizes

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

See the Compass Design System documentation for full details on this component

Sample Use in the App Framework

  • No labels