Section Cards

Cards

Metric cards for dashboard sections.

Preview

Total Revenue

$1,250.00

+12.5%

Trending up this month

Visitors for the last 6 months

New Customers

1,234

-20%

Down 20% this period

Acquisition needs attention

Active Accounts

45,678

+12.5%

Strong user retention

Engagement exceed targets

Growth Rate

4.5%

+4.5%

Steady performance increase

Meets growth projections

Add this block from the Airy registry:

npx shadcn@latest add @airy/section-cards

Import the block in your project:

import { SectionCards } from "@/components/blocks/cards/section-cards"

Start with the primary export:

<SectionCards />