Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.7.2

useResizeObserver

useResizeObserverは、要素のサイズと位置の変更を追跡するカスタムフックです。

ソース@yamada-ui/use-resize-observer

インポート

import { useResizeObserver } from "@yamada-ui/react"
Copied!

使い方

編集可能な例

const [flg, { toggle }] = useBoolean()

const [ref, rect] = useResizeObserver<HTMLButtonElement>()

return (
  <>
    <Text>{JSON.stringify(rect)}</Text>

    <Button
      ref={ref}
      mt="md"
      onClick={toggle}
      w={flg ? "xl" : "sm"}
      h={flg ? "xl" : "sm"}
    >
      Click me to toggle the boolean value
    </Button>
  </>
)
Copied!

GitHubでこのページを編集する

usePromiseDisclosureuseSnacks