SecurityDataFlow
components/security/DataFlow.vue
Visual data-flow indicator showing data types as tagged pills with connecting lines and arrow. Renders inline for use in table cells.
PII
Single tagPII
Multi tagPIIName
GrapeAuth
BlackDNS
components/security/DataFlow.vue
Usage
<SecurityDataFlow
:types = "[PII]"
color = "red"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| types | String[] | ['PII'] | Array of data type labels shown as pills (e.g. PII, PHI, Name) |
| color | String | 'red' | 'red' | 'grape' | 'black' — color palette for lines, tags, and arrow |