Contact Search Bar Widget
Component Detail
User Interface
low complexity
Shared Component
mobile
0
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Reusable search input widget that triggers real-time filtering across contacts and notes content. Implements debounce logic to avoid excessive queries and falls back to a REST API call when the local FTS5 index is stale. Meets WCAG 2.2 AA requirements with a semantic label and minimum 44×44 dp touch target.
contact-search-bar-widget
Responsibilities
- Render accessible text input with semantic label
- Debounce keystrokes before triggering search
- Emit search query changes to parent BLoC/Riverpod provider
- Display clear button when query is non-empty
- Announce result count changes to screen readers
Interfaces
onQueryChanged(String query)
onClear()
setPlaceholderText(String text)
focusSearchField()
clearQuery()
setEnabled(bool enabled)
announceResultCount(int count)