TextInput

• 6 different type options
• 5 different width options
• 5 different height options
• 6 different rounding options
• background color support
• text color support
• icon color support
• border color support
• place holder color support
• text size support

 Copy
    import { TextInput } from 'react-custom-components-ui'
    const [text, setText] = useState("")

    <TextInput
        value={text}
        onChange={(e: any) => setText(e.target.value)}
        placeHolder='Search'
        type='search'
        iconVisible={true}
        width='2xl'
        placeHolderColor={"gray"}
        textColor={black'}
        iconColor={'black'}
        borderColor={"gray"} />
  

Type Examples

Width Examples

Height Examples

Rounded Examples