Form components

Form components handle user input and form submission. All components are built with accessibility in mind and support keyboard navigation.

The category splits into three groups:

• Controls: raw inputs you can drop in standalone or compose inside <Form>
• Composition: the <Form> provider and the low-level building blocks (FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage)
• Prebuilt fields: one-tag wrappers that bind a control to React hook form

Prerequisites

Before using these components, complete the @tetherto/mdk-react-devkit installation.

All form components

Browse the sidebar for the full, always-up-to-date list — each component links to its own reference page (description, props, usage, and a runnable example). Prebuilt fields (FormCascader, FormInput, etc.) additionally accept the React Hook Form Controller props (control, name, defaultValue, rules, shouldUnregister, disabled) to bind them to a <Form> via form.control.