Tailwind Theme Plugin

@digital-go-jp/design-tokens をベースにした Tailwind CSS のテーマプラグイン。

インストール

npm install @digital-go-jp/tailwind-theme-plugin

tailwind.config.js の plugins 部分を以下のように設定してください。

{
    content: [...],
    theme: {
       extend: {
           ...
       },
    },
    plugins: [require('@digital-go-jp/tailwind-theme-plugin')],
}

使用例

• examples ディレクトリ
• React サンプルコンポーネント集

バージョン対応表

Figma のバージョン	パッケージのバージョン
2.0.4	0.2.1
2.0.3	0.2.0
2.0.2	0.1.17
2.0.1	0.1.16
1.4.3	0.1.16