Design System
Playground Zur Vorlage

Komponenten · NavigationInhaltsverzeichnis

Komponente · 6 Varianten

Inhaltsverzeichnis

components/Inhaltsverzeichnis.astro

TOC für Artikel: Liste, nummeriert, mit Kante und aktiver Stelle, eingeklappt per details, quer über dem Text, zwei Ebenen.

Notizen

  • Bestand: nichts. Seitennav toc ist der Sidebar-Fall; hier der Artikel-Fall.
  • aria-current=location; Scroll-Spy wäre Runtime, in v1 statisch.

Props

Name Typ Default Notiz
variant "liste" | "nummer" | "kante" | "eingeklappt" | "quer" | "zwei-ebenen" "liste" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<Inhaltsverzeichnis variant="liste" surface="nacht" />

01 · Liste

Vier Überschriften

Artikel. Aktiv in fg.

Nacht

Paper

03 · Kante

Kante links, aktiv in fg

Seitennav kante. -ml-px.

Nacht

Paper

04 · Eingeklappt

details oben im Artikel

Akkordeon. Mobil.

Nacht

Paper

05 · Quer

Eine Zeile unter dem Lead

Nav-Link. Haarlinie unten.

Nacht

Paper