Navigation / The visual dictionary

Table of contents.

A list of links to sections within a document.

Also calledcontents liston this page

See it in context

UI illustration

What it is

A list of links to sections within a document. Use meaningful heading labels and preserve the document's hierarchy in the list.

When to use it

Use it for long articles, guides, and reference pages.

Know the difference

A table of contents lists document sections; site navigation lists separate destinations.

Across platforms

WebiOSiPadOSAndroidmacOSWindowsLinux

Web · iOS · iPadOS · Android · macOS · Windows · Linux

Desktop documents may show a persistent side list; compact screens can use a collapsible contents section.

Go to the source

Primary documentation for the pattern and its platform conventions.

Material Design — Understanding navigation

FROM NAME TO NEXT BUILD

Put it into words.

Choose a device and an effect, then copy the whole description.

Building forPhone modelAnimation effectBrowse the effect library

Create a table of contents. Use meaningful heading labels and preserve the document's hierarchy in the list. Use it for long articles, guides, and reference pages. Make it responsive and accessible, and follow the selected platform's interaction conventions.

Your copied description includes the component, device context, and selected animation timing.

See it in context

What it is

When to use it

Know the difference

Across platforms

Web · iOS · iPadOS · Android · macOS · Windows · Linux

Go to the source

You might also mean…

Anchor link

Scrollspy

Breadcrumbs