snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/base/card-small.tsx

@@ -0,0 +1,50 @@
+import { ChevronRightIcon } from "lucide-react"
+
+import { Button } from "@/styles/base-nova/ui/button"
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/styles/base-nova/ui/card"
+
+export function CardSmall() {
+  const featureName = "Scheduled reports"
+
+  return (
+    <Card size="sm" className="mx-auto w-full max-w-xs">
+      <CardHeader>
+        <CardTitle>{featureName}</CardTitle>
+        <CardDescription>
+          Weekly snapshots. No more manual exports.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <ul className="grid gap-2 py-2 text-sm">
+          <li className="flex gap-2">
+            <ChevronRightIcon className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+            <span>Choose a schedule (daily, or weekly).</span>
+          </li>
+          <li className="flex gap-2">
+            <ChevronRightIcon className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+            <span>Send to channels or specific teammates.</span>
+          </li>
+          <li className="flex gap-2">
+            <ChevronRightIcon className="mt-0.5 size-4 shrink-0 text-muted-foreground" />
+            <span>Include charts, tables, and key metrics.</span>
+          </li>
+        </ul>
+      </CardContent>
+      <CardFooter className="flex-col gap-2">
+        <Button size="sm" className="w-full">
+          Set up scheduled reports
+        </Button>
+        <Button variant="outline" size="sm" className="w-full">
+          See what&apos;s new
+        </Button>
+      </CardFooter>
+    </Card>
+  )
+}