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.

Feature: Travel & Expense Registration

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

Dependents (1)

Components that depend on this component

Related Data Entities (2)

Data entities managed by this component