Waitlist Queue Position

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/coming-soon/comingsoon17.tsx instead.

Usage

The file also exports comingsoon17Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { ComingSoon17, comingsoon17Demo } from "@/components/blocks/coming-soon/comingsoon17";

export default function Page() {
  return <ComingSoon17 {...comingsoon17Demo} />;
}

Props

Behavior notes

• The "Copy link" button is real client state: it calls navigator.clipboard.writeText(referralUrl) and swaps its label/icon to "Copied" (useState), it does not revert back automatically.
• The queue position and progress bar percentage are both static props, no timer or animation moves them.
• The referral URL text truncates with `truncate` rather than wrapping, so long links stay on one line inside the pill.