MetricCard

A compact metric card in the ProjectFlow design-system style, with an uppercase label, a large value, and an optional sub-line.

Revenu mensuel

12 480 €

+8% vs mois dernier

Code

vue

<script setup lang="ts">
import HMetricCard from '@jaltech/vuejs-ui/h-metric-card'
</script>

<template>
  <HMetricCard label="Revenu mensuel" value="12 480 €" sub="+8% vs mois dernier" />
</template>

MetricCard ​

Code ​

MetricCard

Code