Falcon UI

input

Input component is rendered as an <input type="text"> and accepts all of the <input> props (type, onChange etc).

xxxxxxxxxx
 
import { Input } from '@deity/falcon-ui';

As textarea:

 
<Box>
  <Input placeholder="Hello!" />
  <Input mt="lg" type="password" placeholder="Password" />
  <Input mt="lg" type="email" placeholder="Email" invalid />
  <Label mt="lg">As textarea:</Label>
  <Input as="textarea" placeholder="Input as Textarea!" />
</Box>

Input specific props

Property	Type	Required	Default	Description
type	string	-	"text"	type of the input
invalid	boolean	-	false	when set to `true` input provide visual indication (by default border color) that content provided to the input is invalid

Input component accepts also all of the responsive, theme-based style props.