ReUI
Components

Card

Containers for displaying content and actions about a single subject.

Installation

pnpm dlx shadcn@latest add https://reui.io/r/card.json

Examples

Default

Loading

Accent

Loading

API Reference

This component provides a customizable card system with various sections and styles.

Card

The main container component that provides context and styling for all card elements.

PropTypeDefault
variant enum "default"
className string

CardHeader

A component for the header section of the card. Inherits variant from Card context.

PropTypeDefault
className string

CardHeading

A container for the card's heading content with consistent spacing.

PropTypeDefault
className string

CardToolbar

A container for action items in the card header with flexbox layout.

PropTypeDefault
className string

CardTitle

A heading component for the card's title with default typography styles.

PropTypeDefault
className string

CardDescription

A component for descriptive text with muted styling.

PropTypeDefault
className string

CardContent

The main content area of the card. Inherits variant from Card context.

PropTypeDefault
className string

CardTable

A grid container for table layouts within the card. Inherits variant from Card context.

PropTypeDefault
className string

CardFooter

The footer section of the card. Inherits variant from Card context.

PropTypeDefault
className string