Toggle

ui

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.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/toggle.json"

Sign In

Toggle

ui

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.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/toggle.json"

utils

components/ui/toggle.tsx

utils

components/ui/toggle.tsx