Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.6.3

CLI

Yamada CLIを使用して、カラーやフォントサイズなどのカスタマイズしたテーマのトークンの型を生成できます。

インストール

ターミナルで次のコマンドのいずれかを実行します。

pnpm add --save-dev @yamada-ui/cli
Copied!

使い方

型定義を更新する

CLIを使用することで、Style Propsが参照するテーマのトークンの型補完を更新することができます。

package.jsonにスクリプトを追加し、スクリプト内でカスタマイズしたテーマの場所を指定します。

package.json

{
...
"scripts" : {
...
"theme" : "yamada-cli tokens path/to/theme.ts",
}
...
}
Copied!

先ほど、追加したスクリプトを実行します。

pnpm theme
Copied!

テーマを生成する

CLIを使用することで、デフォルトのテーマをローカルに生成することができます。

pnpm yamada-cli theme ./theme
Copied!

GitHubでこのページを編集する

テキストとレイヤースタイルコンポーネント