Toggle
- from @fluent2-react-kit
- by graundtech <https://github.com/graundtech/fluent2-react-kit>
Fluent 2-styled toggle button with shadcn APIs. Two variants (default, outline) and three sizes matching Button's height scale, aria-pressed/data-pressed state via Base UI, and a Fluent double-stroke focus ring.
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 @fluent2-react-kit/toggleLive preview
No live preview has been built for this component yet.