Settings panel

Titled sections of setting rows, each with a label, description and a switch, select or your own control. Includes a Switch.

npx shadcn@latest add @deank/settings-panel

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { SettingsPanel } from "@/registry/blocks/settings-panel/settings-panel";

<SettingsPanel sections={[/* … */]} />

Prop	Type	Default	Description
`sections`	`SettingsSection[]`

Account, workspace and notification settings pages.

Onboarding flows (use progress-tracker with forms); one-off toggles inside content (use tactile-toggle or checklist).