Calculator Widget
Component Detail
User Interface
medium complexity
frontend
1
Dependencies
1
Dependents
0
Entities
0
Integrations
Description
Interactive client-side ROI calculator widget embedded on the product sales website. Renders input controls for peer mentor headcount, monthly activities, reporting hours, and hourly cost, and displays projected time savings, NOK cost savings, and a qualitative readiness score in real time.
calculator-widget
Responsibilities
- Render and manage all calculator input fields with accessible labels and keyboard navigation
- Display computed output metrics (hours saved, NOK savings, readiness score) reactively
- Support URL-based pre-filling of parameters for shareable links
- Enforce WCAG 2.2 AA compliance including touch targets, contrast, and screen reader support
Interfaces
render(params?: CalculatorParams): ReactElement
onParamsChange(params: CalculatorParams): void
getShareableUrl(params: CalculatorParams): string