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.2.0.pre.alpha.PLAY15063634 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063634 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063633 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063633 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.fixphonenumberinputflag3632 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.fixphonenumberinputflag3632 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.fixphonenumberinputflag3631 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.fixphonenumberinputflag3631 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063628 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063628 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063626 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063626 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063624 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063624 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.play1432playgroundsanitation3622 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.play1432playgroundsanitation3622 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063621 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063621 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-14.2.0.pre.alpha.PLAY15063620 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-14.2.0.pre.alpha.PLAY15063620 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx