PDF stackNew

$pnpm dlx shadcn@latest add @nextui/pdf-stack

1{
2  "registries": {
3    "@nextui": {
4      "url": "https://nextui.dev/r/{name}.json",
5      "headers": { "Authorization": "Bearer ${NEXTUI_TOKEN}" }
6    }
7  }
8}

1"use client";
2
3import { AtSign, FileSpreadsheet, Globe } from "lucide-react";
4import { SmartPdfStack } from "@/components/nextui/pdf-stack";
5
6export function Example() {
7  return (
8    <SmartPdfStack
9      title="Shared report"
10      description="Q3 numbers, ready to discuss"
11      icon={FileSpreadsheet}
12      profiles={[
13        {
14          name: "Mia Chen",
15          role: "Finance Lead",
16          bio: "Owns the quarterly report and answers questions in the doc.",
17          initials: "MC",
18          tone: "from-rose-400 to-rose-700",
19          links: [{ icon: Globe, label: "mia.finance" }],
20        },
21        {
22          name: "Sam Ortiz",
23          role: "Analyst",
24          bio: "Builds the charts and keeps the numbers up to date.",
25          initials: "SO",
26          tone: "from-sky-400 to-sky-700",
27          links: [{ icon: AtSign, label: "@sam.ortiz" }],
28        },
29      ]}
30      onClick={() => console.log("open report")}
31    />
32  );
33}