---
title: "Metric Card"
description: "Metric Card with sizes and variants"
source: "Equality"
---
import { MetricCard } from "@eqtylab/equality";

## Color Variants

### Default

<MetricCard label="Total" value={100} elevation="raised" icon="Layers" />

### Primary

<MetricCard label="Total" value={80} variant="primary" icon="Layers" />

### Success

<MetricCard label="Success" value={20} variant="success" icon="CheckCircle2" />

### Warning

<MetricCard label="Pending" value={45} variant="warning" icon="Clock" />

### Danger

<MetricCard label="Failure" value={80} variant="danger" icon="AlertTriangle" />