セットアップの手順

Rabee UIの利用にあたって、Lucide Icons、Class Variance Authority、Tailwind CSSのインストールを行います。セットアップは以下の手順で進めることができます。

1. Lucide Svelteのセットアップ

Rabee UIで使用するLucide Iconsのセットアップを行います。

2. Class Variance Authorityのセットアップ

Rabee UIで使用するCVAのセットアップを行います。

3. Tailwind CSSのセットアップ

Rabee UIはTailwind CSS を基盤として構築されているため、Tailwind CSSのインストールが必要です。
インストール方法はTailwind CSSの公式ガイドを参照してください。

4. カラー定義のセットアップ

Rabee UIでは、以下のカラー定義を利用しています。 以下のコードをCSSファイルに記述してください。

5. さっそく使ってみましょう

気になるコンポーネントを探して、さっそく使いはじめられます。