Add hash anchors to heading elements.
All components are based on CodyFrame.
If you're using this component, you should also include the SCSS/JS of the following components:
This component includes variations. All variations share the same SCSS/JS code. They only differ in their HTML.
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