level'h1'|'h2'|'h3'|'h4'|'h5'|'h6'children?ReactNodelineClamp?1|2|3|4|5|6| Prop | Type | Default |
|---|---|---|
level |
'h1'|'h2'|'h3'|'h4'|'h5'|'h6'| - |
children? | ReactNode | - |
lineClamp? | 1|2|3|4|5|6 | - |
Type base (some attrs are managed internally): HTMLAttributes<HTMLHeadingElement>
import { Heading } from '@k8ordo/ui';<Heading level="h2">Section Title</Heading><Heading level="h1">Heading 1</Heading>
<Heading level="h2">Heading 2</Heading>
<Heading level="h3">Heading 3</Heading>
<Heading level="h4">Heading 4</Heading>
<Heading level="h5">Heading 5</Heading>
<Heading level="h6">Heading 6</Heading><Heading lineClamp={1} level="h3">
This is a very long heading text that will be
truncated to a single line using line clamp
</Heading>