SDF FAQ
The Baselumen FAQ — an accessible accordion with smooth expand and collapse.
Frequently asked questions
Find answers to the most common questions about pricing, process, and deliverables. Still have something specific in mind?
First question goes here?
Clear, direct answer that resolves the question without burying the point.
Second question goes here?
Answer for the second question. The shared name attribute makes the accordion exclusive.
Third question goes here?
For multi-open behavior, remove the name attribute or give each details a unique name.
Fourth question goes here?
Native details and summary ships keyboard support, ARIA semantics, and screen reader behavior out of the box.
The full source is for members
Sign in and choose a plan to view and copy BaselumenFaq.tsx. The live preview above is free to explore.
How to use. Copy BaselumenFaq.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.
