Faq 34 block design & features
The block centres a heading and description above a row of category pills. Each pill is a toggle button that shows its label and a small count of the questions in it, and the active pill is filled with the foreground colour.
Below the pills sits a Shadcn UI Accordion that shows only the questions in the selected category. In the All view, each question carries a small category label in a narrow column on the left, and the answer indents to line up with the question text. Switching categories resets the open item.
The pills are plain buttons with aria-pressed, which keeps the filter accessible and works the same way across component libraries.
On mobile the pills wrap onto several lines and the category labels are hidden, so the questions use the full width.