Card

A hairline-ringed surface for grouping related content, with header, action, and footer slots.

llama-3-70b-instruct

Model registry · quantized checkpoint

142 GB · 3 regions · last evaluated 2 hours ago

Serving 18 endpoints across staging and production.

Install

pnpm dlx shadcn@latest add @namche/card

Usage

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

<Card>
  <CardHeader>
    <CardTitle>llama-3-70b-instruct</CardTitle>
    <CardDescription>Model registry · quantized checkpoint</CardDescription>
    <CardAction>{/* trailing badge or menu */}</CardAction>
  </CardHeader>
  <CardContent>{/* body */}</CardContent>
  <CardFooter>{/* actions */}</CardFooter>
</Card>

CardHeader lays itself out in a grid so CardAction sits at the top right without extra markup. size is default | sm, which tightens the internal --card-spacing variable. CardFooter picks up a hairline top border and a muted background automatically.

Card

Install

Usage

On this page