Card

The raised surface everything else sits on, with header, title, description, content, footer and action slots.

Preview

Card Title
Card Description
This is the content of the card. You can put any content here.
Action Button

Usage

import {
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from '@vitnode/core/components/ui/card'
<Card>
  <CardHeader>
    <CardTitle>Card Title</CardTitle>
    <CardDescription>Card Description</CardDescription>
  </CardHeader>
  <CardContent>
    This is the content of the card. You can put any content here.
  </CardContent>
  <CardFooter>
    <CardAction>Action Button</CardAction>
  </CardFooter>
</Card>

On this page