Comparison Table Component
Component Detail
User Interface
low complexity
frontend
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Responsive, accessible HTML table presenting side-by-side cost and capability comparisons between current manual workflows and Meander platform tiers. Uses semantic table markup with proper thead/tbody/th scope attributes for screen reader compatibility, sticky header row, and highlighted recommended-tier column.
comparison-table-component
Responsibilities
- Render multi-column comparison grid with current-state vs Meander tiers
- Highlight recommended pricing tier with visual emphasis
- Ensure full WCAG 2.2 AA compliance including keyboard navigation and screen reader labels
- Link to demo booking form and optionally embed impact calculator output
Interfaces
renderComparisonTable(pricingData)
highlightRecommendedTier(tierKey)
setPersonalizedCostDelta(calculatorOutput)
getSelectedTier()
onCtaClick(callback)