Component

Input & Textarea

Friendly, mobile-sized text inputs. Optional character counter on textarea.

9:41

What's your name?Tell us about yourself

129/240

Profile bio composer

Inputs default to 48px tall, comfortable on a phone with no stylus. Focus state uses the brand --ring token, not a system blue.

Props (Input)

Prop	Type	Default	Description
...HTMLInputProps	InputHTMLAttributes<HTMLInputElement>	—	All standard HTML input attributes are forwarded.

Prop	Type	Default	Description
counter	{ value: number; max: number }	—	Renders a small live counter at the bottom-right of the field.
...HTMLTextareaProps	TextareaHTMLAttributes<HTMLTextAreaElement>	—	All standard HTML textarea attributes are forwarded.