¿Cómo muestro un cuadro modal en la carga de la página usando la interfaz de usuario de Chakra?
He intentado encontrar esta información en la documentación de Chakra sin éxito.
import { useDisclosure, Modal, ModalOverlay, ModalContent, ModalCloseButton, ModalBody, Text, } from "@chakra-ui/react" export default function BasicUsage() { const { isOpen, onClose } = useDisclosure() return ( <> <Modal isOpen={isOpen} onClose={onClose}> <ModalOverlay /> <ModalContent> <ModalCloseButton /> <ModalBody> <Text>Hello</Text> </ModalBody> </ModalContent> </Modal> </> ) }
Puede pasar una propiedad defaultIsOpen
al useDisclosure
para establecer el valor predeterminado para isOpen
.
Establezca esa propiedad en true
para que el modal se abra al cargar la página.
const { isOpen, onClose } = useDisclosure({ defaultIsOpen: true })