X Enterprises
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

PropTypeDefaultDescription
labelstringRequired. Metric label.
valuenumber | stringRequired. Metric value.
trendnumberRequired. 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.
Copyright © 2026