The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
v0.2.47Beta

Search

Card

Source

A flexible container for displaying content with a consistent style.

Card Title

Card content goes here

Usage

Import the Card component and its related subcomponents from @bun-ui/react:

import { Card, CardHeader, CardContent, CardFooter } from "@bun-ui/react"

Examples

With Footer

Card Title

Card content goes here

Interactive Card

Design System

Last updated 2 hours ago

Progress

75% completed

Team Members

JDASRK
Auto-save

Customization

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.

CalendarCheckbox