## Text Input ##

### Props ###

The Text Input will have 12 props that are all optional 

1. __onChange__ (any): This allows for any action to be passed when the user is typing inside of the input. Common use for this is to pass a function to it.

2. __onBlur__ (any): This allows for an action to be set for when the input is focused and then leaves the input's focus

3. __onFocus__ (any): This allows for an action to be set for when the user gets in focus of the input. 

4. __label__ (string): This sets a header for Input in large text

5. __helperText__ (string): This will set a smaller header under the label 

6. __value__ (string): This sets the text that is inside of the Input

7. __placeholder__ (string): This will set placeholder text inside the input that is removed once the user begins to type inside of it 

8. __readonly__ (booleam): When set this will disable the input from being used 

9. __styles__ (Styles): This will allow the user to style all aspects of the Input

10. __onClickSave__ (any) Allows for the input to be able to be submitted with a button

11. __id__ (string): Sets an id for the Input component

12. __name__ (string): Sets a name for the Input component

### Usage ### 

```jsx
    <TextInput
        placeholder={'This is a placeholder'}
        helperText={'This is helper text'}
        label={'This is a label'}
    />
```
![input](https://s3.amazonaws.com/tc-ui-components/documentationImages/textInput.png)

### Styled ###


![input](https://s3.amazonaws.com/tc-ui-components/documentationImages/styledInput.png)