Yamada UIにスターをあげる

スター
Yamada UIYamada UIv1.6.3

useProcessing

useProcessing は処理状態を管理するためのカスタムフックです。

ソース@yamada-ui/use-processing

インポート

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

使い方

編集可能な例

const processing = useProcessing()

const onClick = () => {
  processing.start()

  setTimeout(() => {
    processing.finish()
  }, 3000)
}

return (
  <Button isLoading={processing.isLoading} onClick={onClick}>
    Click me
  </Button>
)
Copied!

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

usePrevioususePromiseDisclosure