OpenInV0Cta() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ OpenInV0Cta() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

deprecated/www/components/open-in-v0-cta.tsx lines 6–35

export function OpenInV0Cta({ className }: React.ComponentProps<"div">) {
  return (
    <div
      className={cn(
        "group relative flex flex-col gap-2 rounded-lg border p-4 text-sm",
        className
      )}
    >
      <div className="text-balance text-lg font-semibold leading-tight group-hover:underline">
        Deploy your shadcn/ui app on Vercel
      </div>
      <div>Trusted by OpenAI, Sonos, Chick-fil-A, and more.</div>
      <div>
        Vercel provides tools and infrastructure to deploy apps and features at
        scale.
      </div>
      <Button size="sm" className="mt-2 w-fit">
        Deploy Now
      </Button>
      <Link
        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>
      </Link>
    </div>
  )
}