Input

Text input and textarea with label, hint, and error states.

Input states

Full name

We'll never share your email.

Card number

Invalid card number.

Disabled

<Input label="Full name" placeholder="Jane Smith" />
<Input label="Email" hint="We'll never share your email." />
<Input label="Card number" error="Invalid card number." />
<Input label="Disabled" disabled />

Textarea

Notes

Optional.

<Textarea label="Notes" hint="Optional." />