---
name: Modal
---

import {Playground, PropsTable} from 'docz'

import Modal from '.'

# Modal

<Playground>
  <Modal.State>
    {modal => (
      <>
        <button onClick={modal.toggle}>Toggle Modal</button>
        <Modal style={{height: 500, width: 500, backgroundColor: 'white'}} onClickOutside={modal.hide} {...modal}>
          This is a Modal
        </Modal>
      </>
    )}
  </Modal.State>
</Playground>

<PropsTable of={Modal}/>
