useBreakpoint

useBreakpointは、現在のブレイクポイントを返すカスタムフックです。このフックは、ウィンドウのサイズの変更を監視し、適切な値を返します。

現在のブレイクポイントは、"base"です。

const breakpoint = useBreakpoint()

return <Text>現在のブレイクポイントは、"{breakpoint}"です。</Text>

こちらのコードを使用する場合は、"use client"をファイルの上部に追加する必要があります。

使い方

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

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

import { useBreakpoint } from "@workspaces/ui"

const breakpoint = useBreakpoint()

返り値は、テーマのブレイクポイントを参照しています。