OpenInV0Cta() — ui Function Reference

Architecture documentation for the OpenInV0Cta() function in open-in-v0-cta.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ OpenInV0Cta() — ui Function Reference

Dependency Diagram

graph TD
  b1990731_b337_05a0_d242_7bf299139a4f["OpenInV0Cta()"]
  7022b042_687c_6641_1eec_37c78327bca0["open-in-v0-cta.tsx"]
  b1990731_b337_05a0_d242_7bf299139a4f -->|defined in| 7022b042_687c_6641_1eec_37c78327bca0
  style b1990731_b337_05a0_d242_7bf299139a4f fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/open-in-v0-cta.tsx lines 4–35

export function OpenInV0Cta({ className }: React.ComponentProps<"div">) {
  return (
    <div
      className={cn(
        "group bg-surface text-surface-foreground relative flex flex-col gap-2 rounded-lg p-6 text-sm",
        className
      )}
    >
      <div className="text-base leading-tight font-semibold text-balance group-hover:underline">
        Deploy your shadcn/ui app on Vercel
      </div>
      <div className="text-muted-foreground">
        Trusted by OpenAI, Sonos, Adobe, and more.
      </div>
      <div className="text-muted-foreground">
        Vercel provides tools and infrastructure to deploy apps and features at
        scale.
      </div>
      <Button size="sm" className="mt-2 w-fit">
        Deploy Now
      </Button>
      <a
        href="https://vercel.com/new?utm_source=shadcn_site&utm_medium=web&utm_campaign=docs_cta_deploy_now_callout"
        target="_blank"
        rel="noreferrer"
        className="absolute inset-0"
      >
        <span className="sr-only">Deploy to Vercel</span>
      </a>
    </div>
  )
}