React · Senior · Question 44 of 75
What are headless UI components, and why are they chosen for design systems?
- ✓Correct answer: Components with logic and accessibility but no styles: the look is entirely yours
- 2Components that render only on the server, without a browser
- 3Components without JSX, described in JSON and assembled at build time
Explanation
Radix UI, Headless UI and React Aria implement behavior, keyboard handling, focus and ARIA for complex widgets (dialogs, comboboxes, menus), while styling is up to you (Tailwind, CSS Modules). shadcn/ui, for example, is built on this. Writing such widgets from scratch is expensive and risky.