This component no longer exists. It was in Quantumblack Design System Registry’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-08 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Form
quantumblack-design-system-registry/formRemovedExample
Form recipes built on the Field primitive. Includes a React Hook Form + zod example (stacked layout) and a TanStack Form + zod example (inline layout) with header, sectioned fields (text, date, time, textarea, checkboxes), and submit/cancel actions.
Install it
npx shadcn@latest add http://designsystem.quantumblack.com/r/form.jsonSource
1import * as FormInteractive from './form-examples';23export { ReactHookForm, TanStackForm } from './form-examples';45export const examples = [6 {7 name: 'ReactHookForm',8 title: 'React Hook Form',9 description:10 'Full form using react-hook-form + zod with Controller, built on Field. Stacked (filled) input layout.',11 },12 {13 name: 'TanStackForm',14 title: 'TanStack Form',15 description:16 'Full form using @tanstack/react-form + zod with form.Field, built on Field. Inline (bottom-border) input layout.',17 },18];1920// ============================================================================21// Legacy Format (for backwards compatibility)22// ============================================================================2324export const form = {25 name: 'form',26 components: {27 'React Hook Form': <FormInteractive.ReactHookForm />,28 'TanStack Form': <FormInteractive.TanStackForm />,29 },30};
What it pulls in
npm packages
Other registry items
