Components
TextInput
Single-line text field for collecting short-form user input such as names, emails, or search queries.
Import
import { TextInput } from '@pros/atlas';Usage
When To Use
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Anatomy
- Label: Lorem ipsum dolor sit amet.
- Icon (Optional): Consectetur adipiscing elit.
Examples
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Guidelines
Do's
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Don'ts
- Lorem ipsum: Dolor sit amet, consectetur adipiscing elit.
- Sed do eiusmod: Tempor incididunt ut labore et dolore magna aliqua.
Accessibility
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
API Reference
The TextInput component accepts the following props.
Prop
Type