/Blocks
Dashboard Overview
A simple dashboard block to display key metrics and data.
Dashboard Overview
Monitor your key metrics and recent activities
Total Revenue
$45,231.89
20.1%
vs last monthActive Users
2,350
12.5%
vs last monthOrders
1,234
4.3%
vs last monthPage Views
89,432
8.7%
vs last monthRecent Activity
Latest updates and events from your system
3 items
JD
New order received
High ValueOrder #12345 from Enterprise Corp - $25,000
2 minutes ago•John Doe
JS
Payment processed
Stripe payment of $1,234.56 completed successfully
5 minutes ago•Jane Smith
AW
User registration
PremiumNew premium user: alice@company.com
10 minutes ago•Alice Wilson
Quick Actions
Key Metrics
Sales Target
75%
5.2%
75 / 100
User Growth
60%
12.3%
60 / 100
Server Usage
85%
-2.1%
85 / 100
Customer Satisfaction
92%
3.5%
92 / 100
Auto-refresh metrics
File structure for the dashboard block:
DashboardBlock.tsx
DashboardExample.tsx
DashboardHeader.tsx
defaultData.ts
FooterActions.tsx
index.ts
ProgressMetricsSection.tsx
QuickActionsSection.tsx
RecentActivitySection.tsx
SettingsModal.tsx
StatsGrid.tsx
types.ts
Dashboard/DashboardHeader.tsx
Loading...
Dashboard/DashboardHeader.tsx
Loading...
Dashboard/DashboardHeader.tsx
Loading...
Dashboard/defaultData.tsx
Loading...
Dashboard/FooterActions.tsx
Loading...
Dashboard/ProgressMetricsSection.tsx
Loading...
Dashboard/QuickActionsSection.tsx
Loading...
Dashboard/RecentActivitySection.tsx
Loading...
Dashboard/SettingsModal.tsx
Loading...
Dashboard/StatsGrid.tsx
Loading...
Dashboard/types.ts
Loading...
Dashboard/index.ts
Loading...
Usage:
Loading...
Loading...
Edit on GitHub
Last updated on