Go to homepage

Projects /

Hash Link

Add hash anchors to heading elements.

View Demo


How to

Use this component to add a clickable hash link next to your heading element. This is used to create a sharable link to a specific section of a website page.

Make sure the href attribute of the .hash-link__anchor element is equal to the id of the .hash-link heading element.

The Hash Link component uses the Smooth Scrolling component to smoothly scroll to the selected heading. Do not import it if you prefer a jump to the section. You can also remove the .js-smooth-scroll class added to the .has-link__anchor.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.