dark App Logolight App Logo
Get started
Develop
Foundations
Styles
Components
Patterns
Resources
Contact

Text fields

Text fields let users enter text into a UI

  • Make sure text fields look interactive
  • The text field’s state (blank, with input, error, etc) should be visible at a glance
  • Keep labels and error messages brief and easy to act on
  • Text fields commonly appear in forms and dialogs

Resources

Type Resource Status
DesignFigma: Atmosphere Foundations and Components LibraryAvailable
DesignFigma: Atmosphere Icons LibraryAvailable
ImplementationGitLab: Angular web componentAvailable