Heading (abstract)
Heading is not an actual component itself, but the various heading levels can be configured by using design tokens for "heading", that are used as default value for the actual components.
Example
Simple example
| heading type | example |
|---|---|
| Heading 1 |
Example heading 1 |
| Heading 2 |
Example heading 2 |
| Heading 3 |
Example heading 3 |
| Heading 4 |
Example heading 4 |
| Heading 5 |
Example heading 5 |
| Heading 6 |
Example heading 6 |
Multiline example
| heading type | example |
|---|---|
| Heading 1 |
The quick brown fox jumps over the lazy dog |
| Heading 2 |
The quick brown fox jumps over the lazy dog |
| Heading 3 |
The quick brown fox jumps over the lazy dog |
| Heading 4 |
The quick brown fox jumps over the lazy dog |
| Heading 5 |
The quick brown fox jumps over the lazy dog |
| Heading 6 |
The quick brown fox jumps over the lazy dog |