Heading With Anchor
A heading component that adds clickable anchor links for section sharing.
@spectrumui/heading-with-anchor
Heading 1
Heading 1 align
Login to view codeCreate a free account to access component source code
Installation
Login to view commandCreate a free account to access the install command
Usage
h1 to h6
Heading 1
Heading 1 without anchor
Heading 2
Heading 2 without anchor
Heading 3
Heading 3 without anchor
Heading 4
Heading 4 without anchor
Heading 5
Heading 5 without anchor
Heading 6
Heading 6 without anchor
Login to view codeCreate a free account to access component source code
Show anchor when hover heading
Show anchor when hover heading
Login to view codeCreate a free account to access component source code
Close to heading
Heading with anchor align
Login to view codeCreate a free account to access component source code
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | - | Customize the style by adding tailwind. |
anchor | string | - | anchor |
anchorAlignment | 'close' | 'spaced' | spaced | Alignment of anchor |
anchorVisibility | 'hover' | 'always' | 'never' | always | Visibility of anchor. |
disableCopyToClipboard | boolean | false | When clicking the anchor, it will copy the anchor link to clipboard. If you want to disable, set it to |