New release
Introducing a visual refresh to Forma 36 React componentsRelease notes
Forma 36

TextInput

StorybookGithub
stable

TextInput allows a user to input text or numbers.

Table of contents

How to use TextInput

The TextInput component can be configured in a number of different ways. Use this guidance to determine the best configuration based on the context.

Code examples

TextInput type (type)

TextInput width (width)

TextInput states (error, disabled)

TextInput with copy button (withCopyButton)

TextInput maximal length (maxLength)

Accessibility

  • To ensure accessability, provide a name