ExamplesForm

FormKit — field types

All field types shipped in this kit in one schema-driven form.

Text & choice

Strings, selects, and toggles.

Choice cards

Radio and boolean cards for richer labels.

Enable advanced reporting for this project.

Send a digest when activity changes.

Dates & time

ISO-friendly string values in the schema.

How to use the catalog

FormKit.Field selects a control from its type prop. The repository currently supports text, textarea, select, multi-select, checkbox, switch, checkbox choice card, switch choice card, radio choice card, radio group, date, date range, month, quarter, and time fields.

Choose the field whose value shape matches your schema. For option controls, provide options; for text fields, use inputType only with the supported text variants (text, email, tel, or password).

Every field participates in the parent schema and receives the same validation and error rendering behavior. Use the field skeleton exports when loading initial data rather than inventing a loading prop.

FieldKit — filters

Controlled filter surface (search + multi-select) without a full submit lifecycle.

FormKit — validation

Zod rules, client errors, and focus on the first invalid field after submit.

On this page

How to use the catalog