table-of-contents

Links to the sections of a long page.

Example

Laravel

<x-admin::table-of-contents :items="['Identity' => '#identity', 'Biography' => '#biography']" />

Props

PropRequiredDefaultOptions
items[]
labelnull

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { TableOfContents } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<nav  aria-label="On this page">
    <ul class="adm-toc">
                    <li><a href="#identity">Identity</a></li>
                    <li><a href="#biography">Biography</a></li>
            </ul>
</nav>