Documentation and examples: Elevator
npm install @pnx-mixtape/elevator --save
CSS
- PostCSS workflow:
@import '@pnx-mixtape/elevator';
- Native CSS:
@import url('dist/elevator.css');
- Link tag:
<link href="dist/elevator.css" rel="stylesheet" type="text/css">
Vanilla JS
- ES6 import:
import { Elevator, ElevatorOverflow } from '@pnx-mixtape/elevator';
- ES6 submodule import:
import ElevatorOverflow from '@pnx-mixtape/elevator/elevator-overflow';
- Script tag:
<script src="dist/elevator.js" type="text/javascript"></script>
HTML
<nav data-elevator class="elevator nav nav--jump">
<h4>Jump to Section</h4>
<ul></ul>
</nav>
<div class="page__sections">
<h2 id="section">Section title</h2>
</div>