A flexible container for displaying content with a consistent style.
Card content goes here
Import the Card
component and its related subcomponents from @bun-ui/react
:
import { Card, CardHeader, CardContent, CardFooter } from "@bun-ui/react"
Card content goes here
Last updated 2 hours ago
Progress
75% completed
Team Members
The Card
component and its subcomponents can be customized using the className
prop or by extending their styles with your design system.
<Card className="bg-gradient-to-r from-purple-500 to-pink-500">
<CardHeader className="text-white">
<h3>Gradient Card</h3>
</CardHeader>
<CardContent className="text-white">
Custom styled card content
</CardContent>
</Card>
Refer to the source code for more advanced usage and customization options.