Card
CardKpi
Slot-based KPI card with label, value, trend, and chart slots for maximum flexibility.
CardKpi
Fully slot-driven KPI card for displaying key performance indicators with maximum layout flexibility.
Component
<XACardKpi />
Slot-based KPI card. All content is provided through named slots: label, value, trend, and chart.
<XACardKpi>
<template #label>Monthly Recurring Revenue</template>
<template #value>$84,200</template>
<template #trend>
<span class="text-success-500">+8.3%</span>
</template>
<template #chart>
<XAChartLine :data="data" :categories="categories" :height="60" />
</template>
</XACardKpi>
This component has no props — it is entirely slot-driven.
AI Context
component: XACardKpi
package: "@xenterprises/nuxt-x-app"
use-when: Displaying a KPI metric on a dashboard when you need to embed a custom chart or custom markup inside the card.