ComponentsChoose a theme control. View examples and install editable source for React or Vue.TogglesSwitch between light and dark.Theme ToggleSwitch between light and dark with an animated transition.Base UIRadix UIVue / RekaIcon Theme ToggleAnimate between sun and moon icons while changing the UI theme.Base UIRadix UIVue / RekaSwitchersKeep system, light, and dark choices visible.Theme SwitcherChoose system, light, or dark with a moving selection surface.Base UIRadix UIVue / RekaSelectorsOpen a menu to choose an appearance or color palette.Theme SelectorChoose light, dark, or the system appearance.Base UIRadix UIVue / RekaColor Theme SelectorChoose a color palette without changing the appearance.Base UIRadix UIVue / RekaDisclosuresExpand theme choices within the page layout.Theme DisclosureExpand light, dark, and system choices inside a muted frame.Base UIRadix UIVue / RekaColor Theme DisclosureExpand color palette choices within the page layout.Base UIRadix UIVue / RekaPrevious: UniwindTheme ToggleSwitch between light and dark with an animated transition.Next
