@brik/card

A modern, accessible card component built with React and Tailwind CSS.

Installation

npm install @brik/card

Usage

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@brik/card'

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

Components

• Card: The main card container
• CardHeader: Header section of the card
• CardTitle: Title of the card
• CardDescription: Description text for the card
• CardContent: Main content area of the card
• CardFooter: Footer section of the card

Props

Card Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | variant | 'default' | 'outline' | 'ghost' | 'default' | The visual style of the card |

License

MIT