PolicyCoverageCell
components/policy/CoverageCell.vue
Compliance-framework coverage cell with three states: grey "Required" chip + purple ✔ Active; red "! Required" chip (required but not active — a gap); or a centered dash (not applicable).
Required Active
Scenarios
Required Active
active! Required
gapna
components/policy/CoverageCell.vue
Usage
<PolicyCoverageCell
state = "—"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| state | String | — | 'active' | 'gap' | 'na' (required) |