FAQ Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Main FAQ screen displaying a searchable, categorized list of frequently asked questions with expand/collapse functionality. Renders FAQ items grouped by category with accessible ARIA expanded/collapsed states, visible search input label, and keyboard/switch access navigation support.
faq-screen
Responsibilities
- Display categorized FAQ items with expand/collapse interaction
- Provide client-side search filtering over fetched FAQ dataset
- Ensure WCAG 2.2 AA compliance with proper ARIA states and keyboard navigation
- Support offline viewing of previously fetched FAQ content
Interfaces
renderFaqList(categories: List<FaqCategory>)
onSearchChanged(query: String)
toggleItem(itemId: String)
renderMarkdownAnswer(markdown: String)
showEmptyState()
showLoadingState()
showErrorState(message: String)
scrollToCategory(categoryId: String)