Theme provider
Theme provider wraps the application once at the root and makes all Hightouch UI components work: it applies the design-system theme, honors the user's reduced-motion preference, and renders toasts. Components rendered outside of it are unstyled, and useToast calls display nothing.
Example
See Usage for the full setup, including fonts.
Guidelines
When to use
- Once, at the root of the application, wrapping everything that renders Hightouch UI components.
When not to use
- Around individual pages or components — nesting providers duplicates global setup like the toast renderer.
- To restyle a subtree; the theme is global and not meant to vary per section.
Props
Accepts only children.