Registry Index

Search the catalog

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

ComponentReactregistry:ui7 dependencies

Switch

switch

Animated toggle switch with spring-based thumb animation and fluid font-weight label transitions. Built on Radix UI Switch.

@fluidRegistry 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.

Notes from the author

Docs & live playground: https://www.fluidfunctionalism.com/docs/switch.
4 other registries

Similar components

Other registries' take on switch.

Switch
c@cubby-ui
Component
Switch
f@fluent2-react-kit
Component
Switch
m@materialcn
Component
Switch
g@glass-ui
Component
@fluid

More from @fluid

All 8 items
Button
button
Component
Dropdown
dropdown
Component
Sidebar Search Field
sidebar-search-field
Block
Color Picker
color-picker
Component
Input Copy
input-copy
Component
Slider
slider
Component
Thinking Indicator
thinking-indicator
Component