@uswds/uswds/packages/usa-in-page-navigation/src/test/template.html

Open source UI components and visual style guide for U.S. government websites

<div class="usa-in-page-nav-container">
  <main id="main-content" class="main-content">
    <h1>In page navigation test heading</h1>

    <h2>Section 1</h2>
    <p></p>
    <h3>Section 1.1</h3>
    <p>Section 1.1 content</p>
    <h3>Section 1.2</h3>
    <p id="section-1-2">Section 1.2 content</p>
    <h3>? Section 1.3.</h3>
    <p>Section 1.3 content</p>
    <h3>1.4 Section 1.4</h3>
    <p>Section 1.4 content</p>
  </main>

  <aside class="usa-in-page-nav" data-title-text="On this page" data-title-heading-level="h4" data-scroll-offset="20"></aside>
</div>