s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Themes

ThemeProvider

No summary has been written for ThemeProvider. Everything below is generated from the declaration shipped in 0.44.0 and describes the real contract.

Public export

typescript
import { ThemeProvider } from '@happyvertical/smrt-ui/themes';
Import path
@happyvertical/smrt-ui/themes
Props
10
Props described
10 of 10
Bindable state
0
Callback events
0
Verified release
0.44.0

Props

NameTypeRequiredDescription
presetThemePresetNoTheme preset to use
colorSchemeColorSchemeNoColor scheme preference
primaryColorstringNoPrimary accent color override
borderRadiusThemeConfig['borderRadius']NoBorder radius preference
overridesRecord<string, string>NoCustom CSS variable overrides
paintSurfacebooleanNoPaint the theme's background/color/font onto the wrapper. Set false when the host app owns its surface palette and only wants the CSS variables + scheme context — avoids specificity-fighting `.smrt-theme-root`.
persistbooleanNoPersist preferences to localStorage
storageKeystringNoStorage key for persistence
inlineVariablesbooleanNoForce runtime generation of the full CSS variable set onto the wrapper's inline style (the legacy delivery path). Defaults to `true` for custom registered themes — they have no static stylesheet — and `false` for built-in presets, whose variables ship as static CSS (`themes/styles/<preset>.css`) selected by the `data-theme` / `data-color-scheme` attributes. Leave unset unless you cannot import the static stylesheet for a built-in preset.
childrenSnippetYesContent

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Examples and explanation