インストール

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/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"
/>

次へ使い方

GitHub でこのページを編集します。