UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

16 lines (11 loc) 1.01 kB
# 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"` |