11 Komponenten

Ein Katalog für Vanilla, React und Svelte.

Alle Komponenten teilen Zustandslogik, DOM-Struktur und Tastaturregeln. Jeder Adapter stellt dafür eine API im Stil seines Frameworks bereit.

Aktion

Button

Startet eine benannte Aktion und zeigt Lade-, Deaktiviert- und Fokuszustände.

Eingabe

Nimmt kurze Texte auf und verbindet das Feld mit Label, Hilfetext und Fehlermeldung.

Auswahl

Öffnet eine Optionsliste und übernimmt genau einen Wert in den Trigger.

Auswahl

Schaltet eine unabhängige Option ein oder aus.

Auswahl

Wählt genau eine Option aus einer sichtbaren Gruppe.

Status

Ändert eine Einstellung mit sofortiger Wirkung.

Navigation

Blendet längere Inhaltsbereiche einzeln ein und aus.

Feedback

Zeigt einen Hinweis, Erfolg, eine Warnung oder einen Fehler beim betroffenen Inhalt.

Layout

Gruppiert zusammengehörige Informationen und Aktionen.

Navigation

Wechselt zwischen verwandten Inhaltsbereichen auf derselben Seite.

Overlay

Öffnet eine abgegrenzte Aufgabe oder Entscheidung über dem aktuellen Inhalt.