Skip to main content

Interface: ThemeHeadProps

Defined in: react.tsx:606

Props for the ThemeHead component.

Extends

Properties

defaultMode?

optional defaultMode?: ThemeMode

Defined in: react.tsx:608

Mode to use when no persisted value is found.

Default

'system'

nonce?

optional nonce?: string

Defined in: react.tsx:543

CSP nonce for the inline style tag.

Inherited from

ThemeStylesProps.nonce


storageKey?

optional storageKey?: string

Defined in: react.tsx:610

localStorage key for persistence. Must match ThemeProvider's storageKey.

Default

'tt-theme'

theme

theme: ThemeBundle

Defined in: react.tsx:530

The theme bundle to generate CSS for.

Inherited from

ThemeStylesProps.theme


themeId?

optional themeId?: string

Defined in: react.tsx:541

Theme identifier for CSS scoping ([data-tt-theme="<themeId>"]).

Omit in the canonical 1-theme model — CSS targets :root and the alternate mode selector becomes :root[data-tt-mode="dark"]. No theme name repetition required.

Pass themeId only for multi-theme scenarios (Storybook, micro-frontends, apps with visual theme switching).

Inherited from

ThemeStylesProps.themeId