Preview Ribbon

component

Keeps a draft label visible within preview screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle timestamps and action callbacks.

pnpm dlx shadcn@latest add "https://knock.codes/r/react/preview-ribbon.json"

Sign In

Preview Ribbon

component

Keeps a draft label visible within preview screenshots. Does not verify codes, persist state, or grant or revoke access. Contract: the consumer owns lifecycle timestamps and action callbacks.

pnpm dlx shadcn@latest add "https://knock.codes/r/react/preview-ribbon.json"

@components/knock/preview-ribbon.tsx