@ausbom/in-page-anchor

@ausbom/in-page-anchor

The InPageAnchor List component displays a list of links to help a user navigate to content within the same page. It has two components – InPageAnchor and AnchorListItem.

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>