Metric Card

MetricCard displays key performance indicators and dashboard metrics.

Usage

MetricExample.tsx

import { MetricCard } from '@masumdev/rn-ui';

export function MetricExample() {
  return (
    <MetricCard
      title="Total Downloads"
      value="124.5k"
      change="+14.2%"
      trend="up"
    />
  );
}

Props API

Prop	Type	Default	Description
title	string	—	Metric card label title.
value	string | number	—	Main metric display value.
change	string	—	Percentage or delta change text.
trend	'up' | 'down' | 'neutral'	'up'	Trend indicator direction.