StatCard

A KPI card showing a label, a value, an optional icon, and an optional up/down delta.

+12%

1 248

Utilisateurs actifs

Code

vue

<script setup lang="ts">
import StatCard from '@jaltech/vuejs-ui/stat-card'
import { UsersIcon } from 'lucide-vue-next'
</script>

<template>
  <StatCard :icon="UsersIcon" label="Utilisateurs actifs" value="1 248" delta="+12%" :up="true" />
</template>

StatCard ​

Code ​

StatCard

Code