フック

Yamada UIには、プロジェクトをより迅速に構築できるように便利なカスタムフックが用意されています。

使い方

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

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

pnpm yamada-cli add use-disclosure

npm yamada-cli add use-disclosure

yarn yamada-cli add use-disclosure

bun yamada-cli add use-disclosure

Yamada UIがフックを更新した場合は、コンポーネントを更新すると同様に簡単に更新することができます。もし、あなたの修正と競合してもGitの競合の提示方法と同じように表示され、簡単に解決することができます。

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

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

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

import { useDisclosure } from "@workspaces/ui"

ライブラリで利用可能なすべてのフックのリストはこちらです。