Wraps all or part of a React tree to provide theme configuration.
For an overview of theming see the overview page.
Prop | Type | Default |
---|---|---|
asChild | boolean | |
hasBackground | boolean | true |
appearance | "inherit" | "light" | "dark" | "inherit" |
accentColor | enum | "indigo" |
grayColor | enum | "auto" |
panelBackground | "solid" | "translucent" | "translucent" |
radius | "none" | "small" | "medium" | "large" | "full" | "medium" |
scaling | "90%" | "95%" | "100%" | "105%" | "110%" | "100%" |
Wrap a component tree in the Theme
component to provide or modify configuration for all children.
Nest another theme to modify configuration for a specific subtree. Configuration is inherited from the parent.
Override configuration per component by passing any supported prop directly to that component.