Expense Type Selector Widget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
1
Dependents
2
Entities
0
Integrations
Description
Fixed-choice selector widget for expense category (mileage, toll, parking, public transport). Enforces mutual-exclusion rules at the UI level to prevent invalid combinations such as simultaneous kilometers and public transit selection. Drives conditional rendering of downstream input widgets.
expense-type-selector-widget
Responsibilities
- Present predefined expense type options as tappable chips or radio buttons
- Enforce mutual-exclusion rules between incompatible expense types
- Emit type change events to the parent screen
- Meet WCAG 2.2 AA contrast and 24×24px touch target requirements
Interfaces
setSelectedType(type)
getSelectedType()
getAvailableTypes()
onTypeSelected(callback)
reset()
Relationships
Related Data Entities (2)
Data entities managed by this component