Faq 29 - Numbered inverted accordion FAQ

Pro

Inverted FAQ accordion with oversized index numbers beside each question and a trailing support line.

Shadcn Faq 29 block

Component Data

  • ID:faq29
  • Access:pro
  • Created:Aug 19, 2026
  • Type:block

Faq 29 block design & features

Faq29 is a left-aligned accordion FAQ built with shadcn/ui on an inverted section. An uppercase label and a large headline sit above numbered triggers. Each row pairs an oversized mono index with the question. The answer indents to line up with the question text. A hairline divider and a support sentence with an email link close the block.

The canvas uses the foreground color so the section inverts against the page. A soft primary wash sits behind the headline. Index numbers stay very faint and only brighten on hover or when a row is open. Answers use a quieter mix of the background color so the list stays readable.

Oversized indexes on an inverted accordion are a distinctive, slightly editorial move. The mood is late-night and product-serious. Complexity is simple and CSS-driven: you need a short list of questions so the giant numbers do not crowd the column.

On small screens the numbers stay beside the question and the answer indent tightens so the paragraph still has room to wrap.