OpenInV0Button() — ui Function Reference

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

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ OpenInV0Button() — ui Function Reference

Dependency Diagram

graph TD
  57c96adf_c730_f840_db36_1dad3b31831c["OpenInV0Button()"]
  d646db44_7fc5_83bc_a6f9_3cfbc9a31e0a["open-in-v0-button.tsx"]
  57c96adf_c730_f840_db36_1dad3b31831c -->|defined in| d646db44_7fc5_83bc_a6f9_3cfbc9a31e0a
  style 57c96adf_c730_f840_db36_1dad3b31831c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/open-in-v0-button.tsx lines 8–30

export function OpenInV0Button({
  name,
  className,
  ...props
}: React.ComponentProps<typeof Button> & {
  name: string
}) {
  return (
    <Button
      size="sm"
      asChild
      className={cn("h-[1.8rem] gap-1", className)}
      {...props}
    >
      <a
        href={`${process.env.NEXT_PUBLIC_V0_URL}/chat/api/open?url=${process.env.NEXT_PUBLIC_APP_URL}/r/styles/${V0_STYLE}/${name}.json`}
        target="_blank"
      >
        Open in <Icons.v0 className="size-5" />
      </a>
    </Button>
  )
}