Calculator Results Card
Component Detail
User Interface
low complexity
frontend
1
Dependencies
2
Dependents
0
Entities
0
Integrations
Description
Summary card component displaying headline ROI metrics computed from user inputs, including projected monthly time savings, reporting accuracy improvement percentage, and volunteer retention uplift. Designed to make the value proposition tangible and concrete for budget holders and board members.
calculator-results-card
Responsibilities
- Display computed headline metrics with appropriate units and business-readable labels
- Update reactively as input parameters change without page reload
- Provide accessible markup with semantic structure for screen readers
- Apply print-safe class names for clean PDF export rendering
Interfaces
render(results: CalculatorResults): JSX
Relationships
Dependents (2)
Components that depend on this component