@ausbom/in-page-anchor

The In Page Anchor List component is for displaying a list of links to take a user to an associated piece of content within a page.

Usage no npm install needed!

<script type="module">
  import ausbomInPageAnchor from 'https://cdn.skypack.dev/@ausbom/in-page-anchor';
</script>

README

@ausbom/in-page-anchor

The In Page Anchor List component is for displaying a list of links to take a user to an associated piece of content within a page.

Installation

npm install @ausbom/in-page-anchor

Usage

import InPageAnchor, { AnchorListItem } from '@ausbom/in-page-anchor'
import React from 'react'

<InPageAnchor>
  <AnchorListItem href="#overview">Overview</AnchorListItem>
  <AnchorListItem href="#key-points">Key points</AnchorListItem>
  <AnchorListItem href="#outlook-video">Outlook video</AnchorListItem>
  <AnchorListItem href="#current-influences">Current influences</AnchorListItem>
</InPageAnchor>