Bolt Design System

Color Usage

<bolt-text> can be colored accordingly based on theming. It can either take on a particular theme's headline color or body text color.

This text has its color prop defined as: theme-headline

<bolt-text color="theme-headline" font-weight="bold" font-size="large"> This text has its color prop defined as: theme-headline </bolt-text>

This text has its color prop defined as: theme-body

<bolt-text color="theme-body" font-weight="bold" font-size="large"> This text has its color prop defined as: theme-body </bolt-text>