Media & Content
Gallery, video players, code editors, and content display widgets
Image Gallery
Video Player
Image Carousel
Explore our widgets
68 chart types
Interactive inputs
Powerful data grids
File Browser
📁 2026-09-04
Reports
📁 2026-09-03
Images
📄 2026-09-04
presentation.pptx
2.4 MB
📄 2026-09-02
budget.xlsx
156 KB
📄 2026-09-01
notes.md
8 KB
📄 2026-08-30
logo.svg
12 KB
Code Editor
typescriptimport { StatsCard } from '@/components/widgets';
interface DashboardProps {
stats: StatItem[];
title: string;
}
export function Dashboard({ stats, title }: DashboardProps) {
return (
<div className="grid grid-cols-4 gap-4">
{stats.map((stat) => (
<StatsCard
key={stat.id}
label={stat.label}
value={stat.value}
trend={stat.trend}
icon={stat.icon}
/>
))}
</div>
);
} Markdown Preview
Widget System Documentation
Overview
The widget system provides 213+ interactive components for building modern dashboards.
Features
- 68 chart types
- Responsive design
- Dark mode support
- Full TypeScript types
Quick Start
import { Chart } from '@/components/widgets';
<Chart type="bar" data={data} height={300} />
Categories
| Category | Count |
| Charts | 72 |
| Tables | 10 |
| Forms | 24 |
| Metrics | 22 |