Faq 12 block design & features
Faq12 is a documentation-style FAQ built with Shadcn UI: a vertical list of category buttons anchors the left rail while the right column stacks matching sections, each containing an accordion of questions for that topic. Clicking a category scrolls the page to the corresponding block so long help pages stay navigable.
The sidebar uses quiet button styling with an obvious active treatment, and the accordion panels mirror standard shadcn patterns with clear triggers and padded answer areas. The interaction model depends on scroll position to keep the sidebar state honest, so the section feels like a miniature knowledge base rather than a single folded list.
This is a more complex FAQ because you must maintain category metadata, multiple accordion instances, and scroll affordances. It suits dense content where users already think in topics. Expect to invest in structured content and QA on both click-to-scroll and scroll-linked highlighting.
On smaller breakpoints the sidebar and content stack, preserving category order while trading the persistent side nav for a linear read.