Form

Building forms with React Hook Form and Zod.

Installation

npx shadcn@latest add https://spoke.georgedrury.co.uk/r/form

Lineage

Shadcn

Docs

Spoke

Anatomy

import {
	Form,
	FormField,
	FormItem,
	FormLabel,
	FormControl,
	FormDescription,
	FormMessage,
} from "@/components/ui/form"

export default () => (
	<Form>
		<FormField>
			<FormItem>
				<FormLabel />
				<FormControl />
				<FormDescription />
				<FormMessage />
			</FormItem>
		</FormField>
	</Form>
)

Spoke utility classes

This component uses base design tokens for styling and has no whitelabel CSS variables.