Base/Card
Card
A container that groups related content and actions. Use CardHeader, CardContent, and CardFooter for structured layouts.
Simple
Card with header, content, and footer.
Project Overview
Summary of the current sprint progress.
12 of 18 tasks completed. The team is on track to finish the milestone by end of week.
KPI / Metric Card
Display a key metric with trend and action.
Total Materials
1,284
+12% from last month
With Status Badge
Combine Card with Badge for status.
Ceramic Tile 60x60
SKU: CTL-60-MAT-WHT
In Stock
- Category
- Flooring
- Brand
- Porcelanosa
- Stock
- 284 units
Content Only
Card without header — useful for compact display.
A minimal card with only a content section. Useful for displaying text, images, or custom layouts without a title.