Yamada UIにスターをあげる
ドキュメントを検索する
Yamada UIには、プロジェクトをより迅速に構築できるように便利なカスタムフックが用意されています。
useAnimationは、CSSのkeyframesのように記述してアニメーションを実装するカスタムフックです。
useAnimation
keyframes
useAsyncは、は非同期関数を実行し、その状態を追跡するカスタムフックです。
useAsync
useAsyncCallbackは、非同期コールバックを管理するためのカスタムフックです。
useAsyncCallback
useBooleanは、on・off・toggle関数を使用して真偽値を管理するために使用されるカスタムフックです。
useBoolean
on
off
toggle
useBreakpointは、現在のブレイクポイントを返すカスタムフックです。このフックは、ウィンドウのサイズの変更を監視し、適切な値を返します。
useBreakpoint
useBreakpointEffectは、ブレイクポイントが変更されたときにエフェクトを実行するカスタムフックです。
useBreakpointEffect
useBreakpointStateは、提供されたオブジェクトから現在のブレイクポイントを初期値として返すカスタムフックです。
useBreakpointState
useBreakpointValueは、提供されたオブジェクトから現在のブレイクポイントの値を返すカスタムフックです。このフックは、ウィンドウのサイズの変更を監視し、適切な値を返します。
useBreakpointValue
useClipboardは、値をクリップボードにコピーする処理を行うカスタムフックです。
useClipboard
useColorModeは、現在のカラーモードを返すカスタムフックです。
useColorMode
useColorModeValueは、提供された値から現在のカラーモードの値を返すカスタムフックです。
useColorModeValue
useDisclosureは、一般的な開閉や切り替えのシナリオを処理するのに役立つカスタムフックです。Modal、Dialog、Drawerなどのコンポーネントを制御するために使用できます。
useDisclosure
Modal
Dialog
Drawer
useDynamicAnimationは、アニメーションを切り替えるために使用するカスタムフックです。
useDynamicAnimation
useHoverは、ポインタが要素上に移動したか離れたかを検出するカスタムフックです。
useHover
useIdleは、ユーザーが一定時間何もしなかったかどうかをミリ秒単位で検出するカスタムフックです。
useIdle
useInfiniteScrollは、無限スクロール機能を提供するカスタムフックです。
useInfiniteScroll
useIntervalは、指定された間隔で関数を実行するカスタムフックです。
useInterval
useLoadingは、アプリケーションのローディングを制御するカスタムフックです。
useLoading
useLocalStorageは、ローカルストレージに値を保持・更新・取得するカスタムフックです。
useLocalStorage
useMediaQueryは、単一または複数のメディアクエリに一致するかどうかを検知するカスタムフックです。
useMediaQuery
useNoticeは、アプリケーションの通知を制御するカスタムフックです。
useNotice
useOSは、ユーザーのOSを返すカスタムフックです。
useOS
useOutsideClickは、要素の外側のクリックイベントを検出するカスタムフックです。
useOutsideClick
usePreviousは、直前の値を取得するカスタムフックです。
usePrevious
useProcessing は処理状態を管理するためのカスタムフックです。
useProcessing
usePromiseDisclosureは、一般的な開閉や切り替えのシナリオを非同期処理するのに役立つカスタムフックです。Modal、Dialog、Drawerなどのコンポーネントを制御するために使用できます。
usePromiseDisclosure
useResizeObserverは、要素のサイズと位置の変更を追跡するカスタムフックです。
useResizeObserver
useSnacksは、フォームなどで使用される通知を制御するカスタムフックです。
useSnacks
useThemeは、テーマを取得したりテーマを切り替えるための関数を返すカスタムフックです。
useTheme
useTimeoutは、指定されたミリ秒後に関数を実行するカスタムフックです。
useTimeout
useTokenは、テーマからトークンを取得するカスタムフックです。
useToken
useBreakpointEffectは、初回のレンダリング時にはエフェクトをスキップし、ブレイクポイントが変更されたときにエフェクトを実行するカスタムフックです。
useUpdateEffectは、初回のレンダリング時にはエフェクトをスキップし、依存配列が変更された場合にのみエフェクトを実行するカスタムフックです。
useUpdateEffect
useValueは、useBreakpointValueとuseColorModeValueを組み合わせたカスタムフックです。
useValue
useWindowEventは、windowへ指定されたイベントリスナーを割り当てるカスタムフックです。
useWindowEvent
window
GitHubでこのページを編集する