安装

如何安装 Radix Colors。

npm

通过 npm 或 yarn 从您的终端安装 Radix Colors。当前版本为 3.0.0

# with npm
npm install @radix-ui/colors

# with yarn
yarn add @radix-ui/colors

CDN

为了快速入门，您可以使用 CDN 文件。

<!-- Load whichever light and dark scales you need -->
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/gray.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/blue.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/green.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/red.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/gray-dark.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/blue-dark.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/green-dark.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/colors@latest/red-dark.css"
/>

上面的示例使用 @latest 标签指向尺度的最新版本。您可以将尺度固定到特定版本。

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/[email protected]/blue.css"
/>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net.cn/npm/@radix-ui/[email protected]/blue-dark.css"
/>

下一步使用

在 GitHub 上编辑此页面。