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.

Feature: Impact Calculator

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

Relationships

Dependencies (1)

Components this component depends on

Dependents (1)

Components that depend on this component