ThemeProvider
ShowcaseComponentsThemeProvider
Theming

ThemeProvider.

One provider for project defaults and live appearance preferences.

Real interactive component
Live demo
Theme provider active

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

5 props
ParameterTypeRequiredDefaultPossible valuesDescription
childrenReactNodeYes——Application subtree receiving theme context.
configIcoveraConfigNo——Project design configuration and appearance defaults.
defaultTheme"dark" | "light" | "system"Nodarkdark · light · systemOverride configured initial mode.
defaultScheme"violet" | "ocean" | "rose" | "ruby" | "emerald"Novioletviolet · ocean · rose · ruby · emeraldOverride initial color scheme.
config.appearance.motion"calm" | "expressive" | "none"Nocalmcalm · expressive · noneShared interaction motion preference.