Expense Form Screen
Component Detail
User Interface
medium complexity
mobile
2
Dependencies
1
Dependents
3
Entities
0
Integrations
Description
Expense Form Screen
expense-form-screen
Responsibilities
- Render multi-step expense claim form with Riverpod state management covering kilometers, tolls, parking, and public transport
- Pre-fill default values (today's date, home address) to reduce cognitive load for users with motor or cognitive impairments
- Display enum-backed expense type selector to prevent invalid combinations client-side
- Link claim to a specific activity or assignment for Bufdir traceability
- Meet WCAG 2.2 AA requirements: semantic labels, touch targets, keyboard navigation, and contrast ratios
Interfaces
submitClaim(claimData: ExpenseClaimInput): Future<void>
loadDefaults(): Future<ExpenseDefaults>
selectActivity(activityId: String): void
onStepChanged(step: int): void
Relationships
Dependencies (2)
Components this component depends on
Related Data Entities (3)
Data entities managed by this component