Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    Anchor

    In-page navigation that links to the sections of a long page and marks the one being read.

    Storybook
    Storybook
    Source
    Source

    The example below loads live from Storybook; you can open the controls there.

    Live example, StorybookOpen in Storybook

    As the page scrolls, the section nearest the top of the viewport is marked with aria-current="location". Put the navigation in a sticky column.

    Live example, StorybookOpen in Storybook

    Anchor uses the text and border tokens; neither mode needs extra setup.