コンポーネント

使い方

Yamada UIは、2つの方法でコンポーネントを提供しています。1つは、CLIからコンポーネントをローカルにダウンロードする新しい方法。もう1つは、モジュールからコンポーネントをインポートする従来通りの方法です。

ダウンロード

CLIからコンポーネントをローカルにダウンロードするケースは、以下のものが考えられます。

• コンポーネントのバリアントスタイルまたはサイズスタイルをカスタマイズする。
• コンポーネントの初期値またはロジックをカスタマイズする。
• コンポーネントのスタイルやロジックに不具合があり、直接修正する。

pnpm yamada-cli add button

npm yamada-cli add button

yarn yamada-cli add button

bun yamada-cli add button

インポート

コンポーネントに何も変更することなく使用する場合は、モジュールからコンポーネントをインポートするだけです。

import { Button } from "@yamada-ui/react"

import { Button } from "@/components/ui"

import { Button } from "@workspaces/ui"

コンポーネント

ライブラリで利用可能なすべてのコンポーネントのリストはこちらです。