Card

Surface for grouped content.

Default

Usage

Last 30 days

24,821

Sessions

+12% vs last month

<Card className="w-80">
  <CardHeader>
    <CardTitle>Usage</CardTitle>
    <CardDescription>Last 30 days</CardDescription>
    <CardAction><Button variant="ghost" size="sm">Export</Button></CardAction>
  </CardHeader>
  <CardContent>
    <p className="text-3xl font-semibold">24,821</p>
    <p className="text-sm text-muted-foreground">Sessions</p>
  </CardContent>
  <CardFooter>
    <p className="text-sm text-muted-foreground">+12% vs last month</p>
  </CardFooter>
</Card>