Card

Composable surface — header, content, footer — as a slot family.

Preview

Signal
Content sits on the card surface, above a quiet footer.

Installation

pnpm dlx shadcn@latest add https://buxx.me/r/card

Usage

TypeScript 
import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card';

export function Example() {
  return (
    <Card>
      <CardHeader>
        <CardTitle>Signal</CardTitle>
      </CardHeader>
      <CardContent>Content sits on the card surface.</CardContent>
    </Card>
  );
}

Credits

Built on shadcn/ui.

View source Components