Input

Pseudo-class states (hovered, focused) appear on interaction.

View in Figma
<Input placeholder="Type here" />
<Input defaultValue="Maintenance request" />
<Input defaultValue="bad value" error />
<Input defaultValue="locked" disabled />
Props
error:boolean= false
Renders the error border treatment.
disabled:boolean= false
Standard disabled state.
placeholder:string
Native placeholder text.
value / defaultValue:string
Controlled or uncontrolled value.
Tokens