useBreakpointState
useBreakpointStateは、提供されたオブジェクトから現在のブレイクポイントを初期値として返すカスタムフックです。
インポート
import { useBreakpointState } from "@yamada-ui/react"
使い方
編集可能な例
const [value, setValue] = useBreakpointState({ base: 1, md: 2, sm: 3, }) return ( <Button onClick={() => setValue((prev) => prev + 1)}> The current value is "{value}" </Button> )
オブジェクトのキーは、テーマのブレイクポイントで設定されているキーを定義します。
レスポンシブスタイルをもっと学びたい場合は、こちらをご覧ください。
GitHubでこのページを編集する