Skip to main content
GitHub icon

Components

SideNav

Source code

Usage

<script>
  import { SideNav, SideNavList, SideNavLink } from "svelte-uswds";
</script>

<SideNav>
  <SideNavList>
    <SideNavLink href="/components/sidenav/" text="Current page" current />
    <SideNavLink href="/" text="Parent link">
      <SideNavList>
        <SideNavLink href="/" text="Child link" />
        <SideNavLink href="/" text="Child link" />
        <SideNavLink href="/" text="Child link">
          <SideNavList>
            <SideNavLink href="/" text="Grandchild link" />
            <SideNavLink href="/" text="Grandchild link" />
          </SideNavList>
        </SideNavLink>
      </SideNavList>
    </SideNavLink>
  </SideNavList>
</SideNav>