Skip to content
Twentyfirst UIPro

Coverage Matrix

Life · CoverageMatrix, Panel

View as Markdown

Life risks and whether a policy covers them: covered, partly or not covered, with the policy and a note, and a count of each above the table. Status is a shape and a word, never colour alone.

Are we covered?

Your household, 6 risks

Coverage
Damage to othersPersonal liabilityCoveredUp to €10 m, family included
Burglary and fire at homeHousehold contentsCovered
Bike theftHousehold contentsPartlyOnly up to €1,000; the e-bike is worth €3,200
Unable to workNot coveredThe biggest gap for a family with one income
Legal costsLegal protectionPartlyTraffic only
Illness abroadTravel healthCovered

Props

CoverageMatrix

PropTypeNotes
rowsCoverageRow[]Required
label?stringAccessible name and caption (default "Coverage").
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.

Panel

PropTypeNotes
side?boolean
title?string
subtitle?string
action?ReactNode
children?ReactNode
surface?Surface`"glass"`: translucent glass over what is behind (maps, 3D, video, photos); `"solid"` opts out inside a glass `UIProvider`.
className?stringExtra class on the root element.
style?CSSPropertiesInline style on the root element.