Usage no npm install needed!

<script type="module">
  import nodestrapNavscroll from 'https://cdn.skypack.dev/@nodestrap/navscroll';
</script>

README

<Navscroll></Navscroll>

A navigation component to navigate within current page, based on scroll position.

Preview

<Navscroll targetRef={articleRef} theme='primary' size='lg' gradient={true} outlined={true}>
    <Item>Intro</ListItem>
    <Item>Installation</ListItem>
    <Item>Usage</ListItem>
    <Item>Examples</ListItem>
    // ...
</Navscroll>

Rendered to:

<nav class="c1 thPrimary szLg gradient outlined">
    <div>/* ... */</div>
    <div>/* ... */</div>
    <div>/* ... */</div>
</nav>

Features

Includes all features in <Nav />.
Customizable via @cssfn/css-config.

Installation

Using npm:

npm i @nodestrap/navscroll

Support Us

If you feel our lib is useful for your projects,
please make a donation to avoid our project from extinction.

We always maintain our projects as long as we're still alive.

[Make a donation]