Headless Components — Unstyled, Accessible UI Primitives
Headless components separate behavior from presentation. quiz-ui's components carry only the structural classes Radix needs — positioning, layout, and interaction states. Everything visual (colors, borders, shadows, spacing) is yours to define through className props.
Last updated: 2026-09-25
Frequently asked questions
What's the advantage of headless components?
Your design, not ours. Headless components don't fight your stylesheet. Theme them once and every quiz matches your brand.
Do headless components mean unstyled?
They have no default visual styles — but they do have semantic HTML, ARIA attributes, and keyboard navigation. You add the visual layer.
Are quiz-ui components fully headless?
Yes. Even components like QuizProgress and QuizTransition have no baked-in colors or sizes — every class is a prop you pass.