Registry Index

Search the catalog

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

ComponentReactregistry:ui2 dependencies

Theme Toggle

theme-toggle

A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.

@mischiefRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Theme Toggle Demo. 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.

6 other registries

Similar components

Other registries' take on theme-toggle.

Theme toggle
0@000h-cojeev
Component
Theme Toggle
a@atroui
Component
Theme Toggle
b@beui
Component
Theme Toggle
e@easeui
Component
Theme Toggle
i@iconiq
Component
Theme Toggle
p@pulld
Component
1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A worked example of Theme Toggle: A light and dark switch that survives a reload, follows the system when asked, and stays in step across tabs.

@mischief

More from @mischief

All 102 items
Voice Input
voice-input
Component
Reviewable Diff
reviewable-diff
Block
Empty State
empty-state
Component
Web Preview
web-preview
Component
Save Bar
save-bar
Component
File Thumbnail
file-thumbnail
Component
Wireframe Globe
wireframe-globe
Component
Scene Hero
scene-hero
Component