Settings
v1.0.13Updated 27 Aug 2026Settings page — sidebar layout, tabbed, profile form, account/security, notifications and integrations. Full-page copy-paste template; baked-in demo content (edit the JSX to customise).
Preview
Live · 17 storiesSidebar LayoutOpen ↗
▸Why this is recommendedsettingspreferencesconfigurationapp+3
Settings with a sidebar — layout.
Recommended for+14
- ✓In-app settings screens
- ✓Preferences pages
Tags+6
settingspreferencesconfigurationapppagesidebarlayout
Features+4
- Sidebar, tabbed, profile, account/security and notifications layouts
- Team / billing / API keys / danger-zone variants
- Self-contained — no required props
Not recommended for−2
- ✕Onboarding setup (use AccountSetup)
Install
Ask your agent, or call the MCP tool directly. The resolved bundle is written into your project.
Usage
Tick variants in the left menu — each adds a tab with that variant’s real story source, the same code the preview above renders.
Props
PropTypeRequired
classNameOptional wrapper class override (copy-paste block, baked-in content)
—