WaitlistNew

$pnpm dlx shadcn@latest add @nextui/waitlist

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 { Waitlist } from "@/components/nextui/waitlist";
4
5export function LaunchWaitlist({ signups }: { signups: number }) {
6  return (
7    <Waitlist
8      buttonLabel="Get early access"
9      joinedLabel="See you soon"
10      countLabel="Makers on the list"
11      defaultCount={signups}
12      simulate={false}
13      avatars={[
14        { initials: "AN", photo: "/team/an.jpg" },
15        { initials: "BL", photo: "/team/bl.jpg" },
16        { initials: "CT" },
17      ]}
18      visibleAvatars={3}
19      onSubmit={(email) => fetch("/api/waitlist", { method: "POST", body: JSON.stringify({ email }) })}
20    />
21  );
22}