Sha256: ee6b14c41d50f265170127e1121065a58f0d4d24e9ba29d2352681f59c557dd3

Contents?: true

Size: 675 Bytes

Versions: 840

Compression:

Stored size: 675 Bytes

Contents

import React, { useState } from 'react'
import { Button, Dialog } from 'playbook-ui'

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

  return (
    <>
      <Button onClick={open}>{'Open Dialog'}</Button>
      <Dialog
          cancelButton="Cancel Button"
          confirmButton="Okay"
          onCancel={close}
          onClose={close}
          onConfirm={close}
          opened={isOpen}
          size="sm"
          text="Hello Body Text, Nice to meet ya."
          title="Header Title is the Title Prop"
      />
    </>
  )
}

export default DialogDefault

Version data entries

840 entries across 840 versions & 2 rubygems

Version Path
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5437 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR719listdraggablesimple5432 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR768stickyrightcolumn5431 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.12.0.pre.rc.6 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5415 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5413 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.12.0.pre.rc.5 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.play1724darkmodeauditmap5409 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5392 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx