Faq 37 - FAQ with question list and answer panel

Pro

Split FAQ with a list of questions on the left and the selected answer shown in a soft panel on the right.

Shadcn Faq 37 block

Component data

ID
faq37
Access
pro
Created
Oct 30, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Faq 37 block design & features

The block opens with a heading and description. Below it, a two-column layout puts a list of questions on the left and the selected answer on the right.

Questions are plain buttons in hairline-separated rows. The active one switches to the foreground colour and a medium weight, and its answer appears in a muted rounded panel beside the list, repeating the question as a heading. The first question is selected by default, and the panel is a polite live region so screen readers announce the new answer. A contact link sits under the list.

On mobile the panel is hidden and the answer opens inline under the active question instead.