0.1.25 • Published 15 days ago
@directsourcing/direct-ui v0.1.25
プロジェクト名
株式会社ダイレクトソーシングのデザインシステムのデザイントークンとコンポーネントライブラリを実装したパッケージです。 React と Tailwind CSS で作られています。
インストール
npm i @directsourcing/direct-ui
セットアップ
1. Tailwind CSS を導入
Tailwind CSS の CSS を読み込む
index.css
(名前は任意) を作成- 以下の内容を置く
@tailwind base;
@tailwind components;
@tailwind utilities;
app.tsx
でindex.css
を読み込む
postcss.config.js
の作成
postcss.config.js
が存在しない場合は作成する。以下を追加
plugins: {
tailwindcss: {},
autoprefixer: {},
// ...
}
2. Direct UI の設定を読み込む
preset の読み込み
以下のどちらかを使用
CommonJSの構文
preset: [require('@directsourcing/direct-ui/tailwind.config.js')],
ESモジュールの構文
import directUiTailwindConfig from "@directsourcing/direct-ui/tailwind.config.js";
presets: [directUiTailwindConfig],
ライセンス
MIT License
0.1.23
15 days ago
0.1.24
15 days ago
0.1.25
15 days ago
0.1.21
21 days ago
0.1.22
21 days ago
0.1.20
22 days ago
0.1.15
23 days ago
0.1.16
23 days ago
0.1.17
23 days ago
0.1.18
23 days ago
0.1.19
23 days ago
0.1.14
29 days ago
0.1.13
1 month ago
0.1.10
1 month ago
0.1.11
1 month ago
0.1.12
1 month ago
0.1.8
1 month ago
0.1.9
1 month ago
0.1.7
1 month ago
0.1.4
1 month ago
0.1.6
1 month ago
0.1.5
1 month ago
0.1.0
2 months ago