フロントエンド: Modalの共通コンポーネントとuseDisclosureをつくる

[yu23ki14]

DaisyUIのModalをつかって、引数childrenにいれるとModalができるコンポーネントをつくる。 引数

• isOpen: boolean
• onClose: () => void
• children: ReactNode

https://daisyui.com/components/modal/#dialog-modal-closes-when-clicked-outside

[yu23ki14]

ChakraUIのuseDisclosureをそのままもってくる https://github.com/chakra-ui/chakra-ui/blob/main/packages/react/src/hooks/use-disclosure.ts

[yawn-c111]

こちら、ChakraUI V3 の Dialog 系コンポーネントで実装しました！

• 179