Navigation

StepIndicator

Schrittanzeige für Prozesse und Formulare.

Vorschau
Kurs auswählenFortbildung suchen
2
AnmeldungDaten bestätigen
3
ZahlungAbschließen
4
BestätigungE-Mail erhalten
Konfiguration
import { StepIndicator } from "@repo/ui/StepIndicator"

<StepIndicator
  currentStep={1}
  steps={[
    { label: "Kurs auswählen", description: "Fortbildung suchen" },
    { label: "Anmeldung", description: "Daten bestätigen" },
    { label: "Zahlung", description: "Abschließen" },
    { label: "Bestätigung", description: "E-Mail erhalten" },
  ]}
/>

Breadcrumb

Pfadnavigation mit Links und Trennzeichen.

Menu

Dropdown-Menü mit Trigger, Items, Trennlinien und Labels.