@npm.tangocode/tc_ui_components
Version:
[<img src="https://s3.amazonaws.com/tc-ui-components/documentationImages/tangoCodeLogo.png">](https://tangocode.com/) # TangoCode React UI Components #
45 lines (26 loc) • 1.56 kB
Markdown
## 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'}
/>
```
### Styled ###
