Heading component provides different level of headings with various stylings such as divides, underline, light or hidden.
npm install @paprika/headingHeading component provides different level of headings with various stylings such as divides, underline, light or hidden.
```
yarn add @paprika/heading
or with npm:
``
npm install @paprika/heading
| Prop | Type | required | default | Description |
| ------------ | ------------------- | -------- | ------- | ------------------------------------------------------------------------- |
| a11yText | string | false | null | Optional aria text if it should be more descriptive than what is rendered |
| children | node | true | - | Heading content is required |
| displayLevel | [ 1, 2, 3, 4, 5, 6] | false | null | Optional display level(1-6) affects styles only |
| hasDivider | bool | false | false | Horizontal divider style |
| hasUnderline | bool | false | false | Underline style |
| isHidden | bool | false | false | Optional, visually hide the header |
| isLight | bool | false | false | Optional, renders the children at a lighter font weight |
| isSemantic | bool | false | true | Optional, using
For a basic heading:
`jsx
import Heading from "@paprika/heading";
``
- Storybook Showcase
- GitHub source code
- Create GitHub issue
- CHANGELOG