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.4.0	0.3.1
2.3.0	0.3.1
2.2.0	0.2.5
2.1.3	0.2.5
2.1.2	0.2.5
2.1.1	0.2.5
2.1.0	0.2.5
2.0.4	0.2.5
2.0.3	0.2.0
2.0.2	0.1.17
2.0.1	0.1.16
1.4.3	0.1.16

求人情報

デジタル庁デザインシステムのチームメンバーを募集しています。行政のデジタル環境を支える基盤づくりに、あなたのスキルや経験を活かしてみませんか？　求人ページからご応募ください。

• プロダクトデザイナー（デザインシステム） - デジタル庁