Contact Search Bar
Component Detail
User Interface
low complexity
mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Inline search bar with debounced input triggering Supabase queries filtered by organisation membership and role scope. Fully accessible via screen reader with semantic labels and reachable without extra navigation steps per WCAG 2.2 AA requirements.
contact-search-bar
Responsibilities
- Capture and debounce search input to minimise API calls
- Emit search query events to the BLoC state layer
- Provide clear and accessible ARIA-equivalent semantic labels for screen readers
Interfaces
onQueryChanged(query: String)
clearSearch()
focusSearchBar()
setHintText(hint: String)
showClearButton(visible: bool)