Modal component

Usage

Import

import { Modal } from '@passfort/castle'
content_copy
Copy

Example

() => {  
  const { isOpen, onOpen, onClose } = useDisclosure()
  const btnRef = React.useRef()

  return <>
    <Button onClick={() => onOpen()} label="Open" />
    <Modal 
        title="Modal"
        isOpen={isOpen}
        onClose={onClose}
        renderFooter={() => <Button label="Action" type="primary" />}
    >
        <Text>Content goes here.</Text>
    </Modal>
  </>
}
() => {  
  const { isOpen, onOpen, onClose } = useDisclosure()
  const btnRef = React.useRef()

  return <>
    <Button onClick={() => onOpen()} label="Open" />
    <Modal 
        title="Modal"
        isOpen={isOpen}
        onClose={onClose}
        renderFooter={() => <Button label="Action" type="primary" />}
    >
        <Text>Content goes here.</Text>
    </Modal>
  </>
}
content_copy
Copy
live example