Pro Components

Base Components

Stats Card 1

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

Example

MRR
$12,450

Monthly recurring

Introduction

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.

Usage

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

<StatsCard9 />
Customize the toggle options and values to match your metrics.

On this page