如何安装 Radix Colors。
通过 npm、yarn 或 pnpm 从终端安装 Radix Colors。当前版本为 3.0.0
# 使用 npm
npm install @radix-ui/colors
# 使用 yarn
yarn add @radix-ui/colors
# 使用 pnpm
pnpm add @radix-ui/colors
为了快速入门，您可以使用 CDN 文件。
<!-- 加载所需的淡色和深色调 -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/gray.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/blue.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/green.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/red.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/gray-dark.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/blue-dark.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/green-dark.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/red-dark.css"
/>
上述示例使用 @latest 标签指向比例的最新版本。您可以将比例固定在特定版本。
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@3.0.0/blue.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@3.0.0/blue-dark.css"
/>