Sha256: 7c1200b63ea6f5e7b03ceaeeb9b2b03c16127050c405ca33b278a5e686b64cba

Contents?: true

Size: 728 Bytes

Versions: 5

Compression:

Stored size: 728 Bytes

Contents

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

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"
          className="wrapper"
          confirmButton="Okay"
          onCancel={close}
          onClose={close}
          onConfirm={close}
          opened={isOpen}
          portalClassName="portal"
          size="sm"
          text="Hello Body Text, Nice to meet ya."
          title="Header Title is the Title Prop"
      />
    </>
  )
}

export default DialogDefault

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-9.19.0.pre.alpha.pre.fonts2 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-9.19.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-9.19.0.pre.alphafonts app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-9.18.0.flow.bin.alpha app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-9.18.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx