| 1 | # Text Field
|
| 2 |
|
| 3 | Text Field component for rendering text inputs with standard structured style. Uses the Input component. Also exposes attributes specific to the input.
|
| 4 |
|
| 5 | ## Usage
|
| 6 |
|
| 7 | ```jsx
|
| 8 | import React from 'react';
|
| 9 | import TextField from 'terra-form/lib/TextField';
|
| 10 |
|
| 11 | <TextField
|
| 12 | type="email"
|
| 13 | label="Email Address"
|
| 14 | labelAttrs={{ className: 'healtheintent-application' }}
|
| 15 | name="email"
|
| 16 | value=""
|
| 17 | error="This field is required"
|
| 18 | help="This will not be shared with outside sources"
|
| 19 | inputAttrs={{ className: 'healtheintent-application' }}
|
| 20 | minLength={8}
|
| 21 | maxLength={75}
|
| 22 | required
|
| 23 | />
|
| 24 | ```
|