FoundationsTheme

Theme

Theming is a mechanism by which a consistent look and feel can be applied to all the components within an application.

Prop	Type	Required	Default	Description
`children`	`ReactNode`	Yes	—	—
`theme`	`BalanceTheme`	Yes	—	—
`themeCSSVars`	`Record<string, any>`	Yes	—	—
`themeRaw`	`BalanceThemeRaw`	Yes	—	—

Theme — Guidelines

What theming is for, and the intended purpose of each design token category (color, shadow, radii, sizing, spacing, typography).

Utilities

Build a great experience even faster with these useful tools and helpers.