Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn FAQ you can search: matches are highlighted with mark, the count is announced, a single match opens by itself and an empty result offers to clear the search.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this for FAQs and help pages longer than about eight questions, where scanning headers is slower than typing a word.
Do not use it for short FAQs, or for answers that contain rich content that should not be reduced to text for matching.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
entries | { id, question, answer }[] | - | Questions and plain-text answers. |
status says "1 question found".<mark>, which assistive technology can announce, and the text stays selectable.| Key | Action |
|---|---|
| Type | filters the questions |
| Tab | from the field to the headers |
| Enter or Space | opens a question |
The pattern ships a Testing Library test (accordion-faq-search.test.tsx) that covers the full list, filtering with highlight and count, opening a single match and the empty state.