React · Senior · Frage 44 von 75
Was sind Headless-UI-Komponenten, und warum wählt man sie für Design-Systeme?
- 1Logik und Barrierefreiheit ohne Styles, das Aussehen bestimmst du
- 2Komponenten ohne JSX, in JSON beschrieben und beim Build zusammengesetzt
- 3Komponenten, die nur auf dem Server rendern, ganz ohne Browser
Antwort zeigen
Richtige Antwort: Logik und Barrierefreiheit ohne Styles, das Aussehen bestimmst du
Erklärung
Radix UI, Headless UI und React Aria implementieren Verhalten, Tastaturbedienung, Fokus und ARIA für komplexe Widgets (Dialoge, Comboboxen, Menüs), das Styling liegt bei dir (Tailwind, CSS Modules). Darauf baut z. B. shadcn/ui auf. Solche Widgets von Grund auf zu schreiben ist teuer und riskant.