Settings Panel
Grouped settings with switches, selects and segmented options, plus a save/reset bar for unsaved changes.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
SettingsPanelProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange">
| Prop | Type | Default | Description |
|---|---|---|---|
| sections* required | SettingSection[] | — | — |
| initialValues* required | SettingsValues | — | — |
| onSave | (values: SettingsValues) => void | — | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/settings-panel.json