Primitive

Form wrappers

Every Form* wrapper

Press Validate to see the invalid state on Full name, Adoption fee, Species, and Intake date.

Typed values

Text, number, money, email, phone, and address fields.

Suggestions come from Google Places as you type.
Country
State

Choices

FormChoice renders pills for up to four options and a searchable combobox above that.

Good with kids
Good with cats
Good with dogs
Coat colour

Dates

Date, time, and multi-date fields.

Intake date
930AM

November 2026

S
M
T
W
T
F
S
Days the foster is free.

Rich text, files, and settings

Editors, file pickers, the signature pad, and ToggleCard.

Nothing is uploaded.

Uploaded Files

Sent to the rescue's main address.

Disabled until a phone number is verified.

Cancel

Read-only Form

The readOnly prop puts every wrapper in the shared disabled style and hides the save button.

Typed values

Text, number, money, email, phone, and address fields.

Suggestions come from Google Places as you type.
Country
State

Choices

FormChoice renders pills for up to four options and a searchable combobox above that.

Good with kids
Good with cats
Good with dogs
Coat colour

Dates

Date, time, and multi-date fields.

Intake date
930AM

November 2026

S
M
T
W
T
F
S
Days the foster is free.

Rich text, files, and settings

Editors, file pickers, the signature pad, and ToggleCard.

Uploaded Files

Sent to the rescue's main address.

Disabled until a phone number is verified.

SubmitButton