UI-Komponenten
Barrierefreie Komponenten-Primitive mit Radix UI und Tailwind CSS.
VibeKit enthält ein vollständiges Set an barrierefreien, gestylten Komponenten in apps/web/modules/ui/components.
Das visuelle Design richtet sich nach DESIGN.md.
Verfügbare Komponenten
| Komponente | Beschreibung |
|---|---|
Button | Primäre, sekundäre, Outline- und Destructive-Buttons mit Ladezuständen. |
Card | Flexibler Inhaltscontainer mit Header, Beschreibung und Aktionen. |
Dialog & AlertDialog | Modale Dialogfenster und Bestätigungsabfragen mit barrierefreiem Fokus. |
DropdownMenu | Kontext- und Aktionsmenüs mit Untermenüs und Checkboxen. |
Form | Formular-Wrapper, der React Hook Form mit Zod-Validierung integriert. |
Input & PasswordInput | Text- und Passworteingabefelder mit Sichtbarkeitsumschaltung. |
Select | Barrierefreie Dropdown-Auswahl mit Gruppierung, ohne eingebaute Suche. |