Card

A composable card component with header, content, and footer sections.

Installation

tsx

npx smi-ui add card

Preview

Card Title

Card description goes here.

Card content with any React children.

Simple Card

A simple card with just content.

Usage

tsx

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from "@/components/ui/card"

export function Example() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Title</CardTitle>
        <CardDescription>Description</CardDescription>
      </CardHeader>
      <CardContent>Content</CardContent>
      <CardFooter>Footer</CardFooter>
    </Card>
  )
}