Sha256: 34000e14e71e283fcca7c44af5b4bcf1c980fdb765804926c0900a59c35f6092

Contents?: true

Size: 728 Bytes

Versions: 1038

Compression:

Stored size: 728 Bytes

Contents

import React, { useState } from 'react'
import { Button, Dialog } from '../../'

const DialogShouldCloseOnOverlay = () => {
  const [isOpen, setIsOpen] = useState(false)
  const close = () => setIsOpen(false)
  const open = () => setIsOpen(true)

  return (
    <>
      <Button onClick={open}>{'Open Dialog'}</Button>
      <Dialog
          cancelButton="Cancel"
          confirmButton="Okay"
          onCancel={close}
          onClose={close}
          onConfirm={close}
          opened={isOpen}
          shouldCloseOnOverlayClick={false}
          size="sm"
          text="Click on the overlay all day. I will stay open."
          title="Neat Header"
      />
    </>
  )
}

export default DialogShouldCloseOnOverlay

Version data entries

1,038 entries across 1,038 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx