Prepared Docs

ThemeProvider renders Radix Theme with appearance from the Theme enum (Light, Dark) and sets accentColor from SemanticColors.Accent with grayColor="gray". Place it near the root of an app (or story) so tokens cascade to all Prepared components.

Props

Name	Type	Default	Description
`theme`	`Theme`	—	—

Storybook

Interactive examples and edge cases for this component are in Storybook.

Component Showcase

Primitive Grids

Primary Button Computed Styles Differ By Brand

Tier1 Button And Input Differ By Brand

Root Font Size Tracks Brand Toolbar

Example

Previous

Theme / Usage

Next

Theme / Accessibility