Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui3 dependencies

Toggle

toggle

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.

@fluent2-react-kitRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

3 other registries

Similar components

Other registries' take on toggle.

Toggle
c@cubby-ui
Component
Toggle
g@glass-ui
Component
Toggle
m@materialcn
Component
@fluent2-react-kit

More from @fluent2-react-kit

All 7 items
Progress
progress
Component
Switch
switch
Component
Alert
alert
Component
Input
input
Component
Separator
separator
Component
Badge
badge
Component