Templates
v1.0.0Added in 1.6.0
A help center FAQ page: a big search, topic cards with counts, 21 answers in five categories, help options and a call to action.
Type in the big search (press / to focus it from anywhere): the answers filter as you type across every topic, the field shows how many match, matching words are marked in the answers, the best match opens, and the topic cards step aside so the results sit right under the field. Enter scrolls to the results; Escape or Clear search brings everything back. Popular searches under the field fill it in one tap (tap again to clear). Each topic card counts its answers; picking one selects that topic in the FAQ and glides down to it (pick it again for all topics). The topic row above the questions switches categories too and scrolls sideways on phones; questions open one at a time. When nothing matches, an empty state offers Clear search and Contact support. With syncUrl the search and topic live in the address bar (?q=invoices#billing), so links open the page already filtered. Below, three help cards (docs, community, support) are each one link, and a call to action band closes the page. The hero rises in once on mount; reduced motion keeps it still.
npx wingo-ui@latest add faq-page