For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
/
144
Sponsor

Settings Toggle Flow

PreviousNext

A two-column settings card with switch, select, and slider.

Notification settings
Manage how you receive alerts, set your theme, and tune the volume.
Notifications
Volume
Theme
System
System
Light
Dark
Settings saved

Installation

$ pnpm dlx shadcn@latest add @framecn/settings-toggle-flow

Usage

import { SettingsToggleFlow } from "@/components/ui/settings-toggle-flow";
<SettingsToggleFlow />