UI Settings Toggle Flow
- from @remocn
A two-column settings card: the card and its controls blur-in, then the cursor flips a switch, opens a select, drags a labeled slider, and clicks Save, ending in a saved toast. A pure orchestrator — every channel comes from a composed primitive's transition hook.
Install
New to shadcn? Set up your project
If your project already has a shadcn components.json, skip initialization. Otherwise, run this once from your project root.
pnpm dlx shadcn@latest initpnpm dlx shadcn@latest add @remocn/settings-toggle-flowLive preview
No live preview has been built for this component yet.
Registry dependencies8
- @remocn/remocn-ui
- @remocn/switch
- @remocn/select
- @remocn/slider
- @remocn/button
- @remocn/blur-in
- @remocn/cursor
- @remocn/toast