Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/card.json
Usage
import { Card } from "@/components/ui/card";<Card title="System Info" subtitle="Local machine">
<Text>CPU: 4 cores @ 3.2 GHz</Text>
</Card>API Reference
Card
| Prop | Type | Default |
|---|---|---|
title | string | undefined |
subtitle | string | undefined |
children | ReactNode | required |
footer | ReactNode | undefined |
borderColor | string | undefined |
width | number | undefined |
borderStyle | "single" | "double" | "round" | "bold" | "singleDouble" | "doubleSingle" | "classic" | "round" |
paddingX | number | 1 |
paddingY | number | 0 |
footerDividerChar | string | "─" |