PolicyCompletenessCell

components/policy/CompletenessCell.vue

Per-framework compliance completeness readout: mini progress bar over "84% · 14 / 18 · Controls".

84%14 / 18Controls
Scenarios
0%0 / 18Controls
84%14 / 18Controls
100%18 / 18Controls
42%1042 / 2480Controls
components/policy/CompletenessCell.vue

Usage

<PolicyCompletenessCell :percent = "—" fraction = "—" />

Props

PropTypeDefaultDescription
percentNumberCompleteness percentage 0–100, drives the bar fill (required)
fractionStringControls fraction label, e.g. "14 / 18" (required)

Related

Qpoint Brand Style Guide