Skip to content
hightouchUI

Design system

v40.8.0

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.