InputText

Install and import

yarn add @welcome-ui/input-text @xstyled/styled-components @xstyled/system react react-dom styled-components

yarn add @welcome-ui/input-text @xstyled/styled-components @xstyled/system react react-dom styled-components

import { InputText } from '@welcome-ui/input-text'

import { InputText } from '@welcome-ui/input-text'

First name

Use the isClearable prop to add a cross button to remove the content (value) of the TextInput

First name
{
  "firstName2": "Trevor"
}{
  "firstName2": "Trevor"
}

Pass an icon through to decorate your InputText

First name

I'm a small sized field
I'm a medium sized field
I'm a large sized field which is my default size

First name
{
  "firstName4": "Trevor"
}{
  "firstName4": "Trevor"
}


First name
{
  "firstName5": "Trevor"
}{
  "firstName5": "Trevor"
}

Name	Type(s)	Default
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

Made with by