/

Input


The input is a control to get user input in a text field. Can be used alongside FormControl, providing an accessible label, validation messages, etc.

import { Input } from 'insites-ui'

<Input placeholder="Bryan Fury" />

Error handling

import { Input } from 'insites-ui'

<Input placeholder="Bryan Fury" hasError />

Input with icon

import { Input } from 'insites-ui'
import { ReactComponent as PhoneIcon } from '../assets/phone.svg'
// If your SVG loader renders the icon as image source, pass it like
// IconComponent={() => <img src={PhoneIcon}} />

<Input placeholder="Bryan Fury" IconComponent={PhoneIcon} />

Input with tooltip

Hidden message
import { Input } from 'insites-ui'

<Input placeholder="Bryan Fury" tooltip="Hidden message" />
Edit on GitHub