Docs
在 v0 中打开

在 v0 中打开

将您的注册表与 v0 集成。

如果您的注册表已托管并通过 URL 可以公开访问，您可以使用 https://v0.dev/chat/api/open?url=[URL] 端点在 v0 中打开注册表项。

例如：https://v0.dev/chat/api/open?url=https://ui.shadcn.com/r/styles/new-york/login-01.json

按钮

请参阅 构建您的在 v0 中打开按钮，了解如何构建您自己的 在 v0 中打开 按钮的更多信息。

以下是如何将 在 v0 中打开 按钮添加到您的网站的简单示例。

import { Button } from "@/components/ui/button"
 
export function OpenInV0Button({ url }: { url: string }) {
  return (
    <Button
      aria-label="在 v0 中打开"
      className="h-8 gap-1 rounded-[6px] bg-black px-3 text-xs text-white hover:bg-black hover:text-white dark:bg-white dark:text-black"
      asChild
    >
      <a
        href={`https://v0.dev/chat/api/open?url=${url}`}
        target="_blank"
        rel="noreferrer"
      >
        在{" "}
        <svg
          viewBox="0 0 40 20"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
          className="h-5 w-5 text-current"
        >
          <path
            d="M23.3919 0H32.9188C36.7819 0 39.9136 3.13165 39.9136 6.99475V16.0805H36.0006V6.99475C36.0006 6.90167 35.9969 6.80925 35.9898 6.71766L26.4628 16.079C26.4949 16.08 26.5272 16.0805 26.5595 16.0805H36.0006V19.7762H26.5595C22.6964 19.7762 19.4788 16.6139 19.4788 12.7508V3.68923H23.3919V12.7508C23.3919 12.9253 23.4054 13.0977 23.4316 13.2668L33.1682 3.6995C33.0861 3.6927 33.003 3.68923 32.9188 3.68923H23.3919V0Z"
            fill="currentColor"
          ></path>
          <path
            d="M13.7688 19.0956L0 3.68759H5.53933L13.6231 12.7337V3.68759H17.7535V17.5746C17.7535 19.6705 15.1654 20.6584 13.7688 19.0956Z"
            fill="currentColor"
          ></path>
        </svg>
      </a>
    </Button>
  )
}
<OpenInV0Button url="https://example.com/r/hello-world.json" />

认证

有关如何对请求进行身份验证以访问您的注册表和 v0 的更多信息，请参阅 添加身份验证 部分。

Getting StartedFAQ