@cypress-design/react-modal v0.3.0

Modal

Install

npm install @cypress-design/react-modal

or with yarn

yarn add @cypress-design/react-modal

import React from 'react'
import Button from '@cypress-design/react-button'
import Modal from '@cypress-design/react-modal'

export default () => {
  const [visible, setVisible] = React.useState(false)

  return (
    <>
      <Modal
        show={visible}
        title="Modal Title"
        onClose={() => setVisible(false)}
      >
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Id perspiciatis
        hic ad minima ex recusandae autem incidunt, perferendis, illo voluptatum
        repudiandae iste voluptate reiciendis quam officiis voluptas laboriosam
        eligendi explicabo!
      </Modal>
      <Button onClick={() => setVisible(true)}>Open Modal</Button>
    </>
  )
}