Docs
在 v0 中打开

在 v0 中打开

将你的注册表与 v0 中的 Open 集成。

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

¥If your registry is hosted and publicly accessible via a URL, you can open a registry item in v0 by using the https://v0.dev/chat/api/open?url=[URL] endpoint.

例如 https://v0.dev/chat/api/open?url=https://example.com/r/hello-world.json

¥eg. https://v0.dev/chat/api/open?url=https://example.com/r/hello-world.json

按钮

¥Button

你可以复制并粘贴以下代码以将 Open in v0 按钮添加到你的网站。

¥You can copy and paste the following code to add a Open in v0 button to your site.

import { Button } from "@/components/ui/button"
 
export function OpenInV0Button({ url }: { url: string }) {
  return (
    <Button
      aria-label="Open in 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"
      >
        Open in{" "}
        <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>
  )
}

用法

¥Usage

<OpenInV0Button url="https://example.com/r/hello-world.json" />

已知问题

¥Known issues

  • Open in v0 按钮不支持 cssVars 和 tailwind 属性。

    ¥The Open in v0 button does not support cssVars and tailwind properties.

入门常见问题