Foundations
Heading
Renders semantic heading levels 1-6, with visual appearance controlled independently.
import { Heading } from '@balance-web/heading';Loading demo…
Usage
Levels
Use the Heading component for dynamic levels, 1-6 available.
Loading demo…
Semantic headings
Loading demo…
Overflow strategy
Use the overflowStrategy prop to manage how Heading behaves with regard to overflow.
Loading demo…
Leading
Tighten or loosen the leading of your content. This translates to line-height in CSS.
Loading demo…
Color
Default text color for Heading is textHeadings. When needed, you can override with a different text color from the theme's semantic colour tokens. Read more on how this works
Loading demo…