HealthScanning
components/health/Scanning.vue
Rounded pill container with default slot for metric content, icon slot for visual indicator, and a manage action button.
Active Scanners
4
Scans Today
NaN
Avg Response
142
ms
;%20}%20%3c/style%3e%3cclipPath%20id='ts-clip'%3e%3ccircle%20class='cls-1'%20cx='31.85'%20cy='31.85'%20r='31.85'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20class='cls-4'%3e%3cline%20class='cls-2'%20x1='44.51'%20y1='7.01'%20x2='62.44'%20y2='7.01'/%3e%3cline%20class='cls-2'%20x1='59'%20y1='21.21'%20x2='81.9'%20y2='21.21'/%3e%3cline%20class='cls-2'%20x1='67.31'%20y1='28.3'%20x2='-11.48'%20y2='28.3'/%3e%3cg%3e%3cline%20class='cls-2'%20x1='34.39'%20y1='49.59'%20x2='64.57'%20y2='49.59'/%3e%3cpolygon%20class='cls-3'%20points='34.99%2045.06%2034.99%2054.13%2030.46%2049.59%2034.99%2045.06'/%3e%3c/g%3e%3cline%20class='cls-2'%20x1='20.05'%20y1='35.4'%20x2='67.09'%20y2='35.4'/%3e%3cg%3e%3cline%20class='cls-2'%20x1='31.05'%20y1='7.01'%20x2='4.47'%20y2='7.01'/%3e%3cpolygon%20class='cls-3'%20points='30.44%2011.55%2030.44%202.47%2034.98%207.01%2030.44%2011.55'/%3e%3c/g%3e%3cg%3e%3cline%20class='cls-2'%20x1='44.08'%20y1='21.21'%20x2='-7.91'%20y2='21.21'/%3e%3cpolygon%20class='cls-3'%20points='43.47%2025.74%2043.47%2016.67%2048.01%2021.21%2043.47%2025.74'/%3e%3c/g%3e%3cline%20class='cls-2'%20x1='22'%20y1='14.11'%20x2='57.49'%20y2='14.11'/%3e%3cline%20class='cls-2'%20x1='16.54'%20y1='14.11'%20x2='-7.91'%20y2='14.11'/%3e%3cline%20class='cls-2'%20x1='7'%20y1='56.69'%20x2='58.58'%20y2='56.69'/%3e%3cg%3e%3cline%20class='cls-2'%20x1='-10.25'%20y1='35.4'%20x2='11.66'%20y2='35.4'/%3e%3cpolygon%20class='cls-3'%20points='11.05%2030.86%2011.05%2039.94%2015.59%2035.4%2011.05%2030.86'/%3e%3c/g%3e%3cline%20class='cls-2'%20x1='-6.42'%20y1='42.5'%20x2='59'%20y2='42.5'/%3e%3cline%20class='cls-2'%20x1='-5.34'%20y1='49.59'%20x2='25.92'%20y2='49.59'/%3e%3c/g%3e%3c/svg%3e)
Scenarios
Empty — no metrics
Custom icon slot
Threats Blocked
23
components/health/Scanning.vue
Usage
<HealthScanning
manageTxt = "Manage"
>
Content here
</HealthScanning>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| manageTxt | String | 'Manage' | Label text for the action button |
Events
| Event | Description |
|---|---|
| manage | Emitted when the manage button is clicked |
Slots
| Slot | Description |
|---|---|
| default | Main content area — typically metric components |
| icon | Icon/image area — defaults to a grey circle placeholder |