@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
16 lines (11 loc) • 1.01 kB
Markdown
# MKpiItem
A KPI Item is used to display Key Performance Indicators (KPIs) within an interface, providing a quick and clear visualization of essential data. It often includes contextual elements such as labels, trends, or status indicators to help users interpret the information at a glance. KPI Items are commonly used in dashboards, reports, and analytics tools to highlight critical metrics and facilitate data-driven decision-making.
## Props
| Name | Description | Type | Default |
| --- | --- | --- | --- |
| `value*` | The current value of the kpi item. | `string` | - |
| `trend` | Defines the evolution of the kpi. | `"increasing"` `"decreasing"` `"stable"` | - |
| `label` | Label of the kpi item. | `string` | - |
| `status` | Allows to define the kpi item status. | `"info"` `"warning"` `"error"` `"success"` `"neutral"` | `"info"` |
| `information` | The evolution information defining the kpi. | `string` | - |
| `size` | Allows to define the kpi item size. | `"s"` `"m"` `"l"` | `"s"` |