dotUI

Card

A card groups related content and actions.

Overview
Examples

Installation

npx shadcn@latest add @dotui/card

Usage

import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card";
<Card>
  <CardHeader>Title</CardHeader>
  <CardContent>Content goes here.</CardContent>
  <CardFooter>Footer</CardFooter>
</Card>

API Reference

Missing description.

Supports all div attributes.

On this page

Last updated on 1/13/2026

On this page

dotUI

Bringing singularity to the web.

Community

Built with passion by @mehdibha.