GitHub

Card

A flexible container for grouping related content and actions

Welcome to Ark UI
Ark UI is a modern and flexible UI library for building web applications.
This card is a simple example of how to use the Card component. You can also check all the other components in the documentation.

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/card.json

Usage

import { 
  Card, 
  CardContent, 
  CardDescription, 
  CardTitle, 
  CardHeader, 
  CardFooter, 
} from "@/components/ui/card";
<Card>
  <CardHeader>
    <CardTitle>Card Title</CardTitle>
    <CardDescription>Card Description</CardDescription>
  </CardHeader>
  <CardContent>Card Content</CardContent>
  <CardFooter>Card Footer</CardFooter>
</Card>