Skip to Content
ComponentsStatsCard

StatsCard

The StatsCard component is a card that displays a statistic for a specific metric.

StatsCard

Basic Usage

<StatsCard title="Activity" value={42} subtitle="This month" icon={<IconActivity size={20} color={Colors.primary} />} trend={{ positive: true, value: "+15%" }} onPress={handleActivity} />``` ## Import ```jsx import StatsCard from "../components/StatsCard";

Props

  • title (string)
  • value (number/string)
  • subtitle (string)
  • icon (React.Component)
  • trend (object)
    • positive (boolean)
    • value (number/string)
  • onPress (function)