BJORK Team invite card

Component

About

Team invite card is a production-ready cards component from BJORK UI, packaged for shadcn registries.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds BJORK Team invite card to your project and fits it to your theme.

Code

How BJORK Team invite card is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

"use client";
import { ThemeProvider as BjorkDemoThemeProvider } from "next-themes";
import { TEAM_INVITE_SAMPLE, TeamInviteCard } from "@/components/ui/bjork-team-invite-card";


function SourceDemo(){
const isPreview = false;
return <>

      <TeamInviteCard
        now={TEAM_INVITE_SAMPLE.now}
        key={isPreview ? "preview" : "live"}
        defaultEmails={["lena@fieldnote.studio", "priya@halden.io", "rowan@northpeak.co"]}
      />
    
</>;
}
export default function BjorkRegistryPreview(){return <BjorkDemoThemeProvider attribute="class" defaultTheme="dark" enableSystem={false} storageKey="bjork-review-demo-theme"><div data-component-demo className="dark flex min-h-screen w-full items-center justify-center bg-[var(--bjork-bg)] p-8 text-[var(--bjork-text)]"><div className="w-full max-w-[850px]"><SourceDemo/></div></div></BjorkDemoThemeProvider>}