InputText
Install and import
Default
Clearable
Use the isClearable
prop to add a cross button to remove the content (value) of the TextInput
Icon
Pass an icon
through to decorate your InputText
Sizes
Inline
Disabled
Properties
Name | Type(s) | Default | Required |
---|---|---|---|
autoFocus | bool | ||
connected | bool | ||
disabled | bool | ||
icon | node | ||
iconPlacement | left right | left | |
isClearable | bool | ||
name | string | ||
onBlur | func | ||
onChange | func | ||
onFocus | func | ||
onKeyDown | func | ||
placeholder | string | ||
size | sm md lg | lg | |
type | string | text | |
value | string | ||
variant | error info success valid warning |
Dependencies
- - @welcome-ui/clear-button^2.0.2
- - @welcome-ui/field^2.6.1
- - @welcome-ui/system^2.0.2
- - @welcome-ui/utils^2.0.2
Peer dependencies
- - @xstyled/styled-components^1.17.0
- - @xstyled/system^1.17.0
- - react^16.10.2
- - react-dom^16.10.2
- - styled-components^4.0.0 || ^5.0.0