Stats Card 1

Metric card with MRR/ARR toggle to switch between monthly and annual recurring revenue views.

Example

MRR

$12,450

Monthly recurring

Stats Card 1 is a metric card with a toggle in the header:

Toggle: Switch between two views (e.g. MRR and ARR) with a compact tab switcher.
Value and label: Update based on the selected toggle state.
Use case: SaaS revenue metrics where both monthly and annual views are relevant.

Uses Card and Tabs.

import { StatsCard9 } from "@/components/ui/stats-card-9";

<StatsCard9 />

Customize the toggle options and values to match your metrics.