Form

Settings Form

A tabbed settings form with input, select, textarea, switch, checkbox, and radio controls.

Preview

This is the same source that shadcn installs from the generated JSON.

Project settings

A form layout for product settings, account pages, and onboarding flows.

Install

After building the registry and starting the dev server, run this command in a consuming project.

installpnpm dlx shadcn@latest add http://localhost:3000/r/settings-form.json

Source and dependencies

Confirm the source path, registry dependencies, and npm dependencies before installing.

Source pathregistry/default/settings-form/settings-form.tsx

Registry dependencies

buttoncardcheckboxfieldinputradio-groupselectseparatorswitchtabstextarea

NPM dependencies

lucide-react