TextInput

• Default example
• System props
• Component props

TextInput is a form component to add default styling to the native text input. Don't forget to set aria-label to make the TextInput accessible to screen reader users.

Default example

<TextInput aria-label="Zipcode" name="zipcode" placeholder="Zipcode" autoComplete="postal-code" />

System props

TextInput components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props

Native <input> attributes are forwarded to the underlying React input component and are not listed below.

Edit this page on GitHub

2 contributors

Last edited by BinaryMuse on October 14, 2019