Card
CardIndicator
Minimal indicator card showing a label, value, and month-over-month trend.
CardIndicator
Minimal indicator card: uppercase label, large value, and an up/down trend percentage versus the previous month.
Component
<XACardIndicator />
Displays a metric label, a prominent value, and a month-over-month trend badge indicating positive or negative change.
<XACardIndicator
label="Conversion Rate"
value="3.48%"
:trend="2.1"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Required. Metric label. |
value | number | string | — | Required. Metric value. |
trend | number | — | Required. Month-over-month percentage change. |
AI Context
component: XACardIndicator
package: "@xenterprises/nuxt-x-app"
use-when: Surface-level metric display on a dashboard where you need a minimal trend view with a label, value, and month-over-month percentage change.