Sha256: 5a4685e29f895d181a8a36db4880771d0c56393cf3dbb96a8fc5f088259653a5

Contents?: true

Size: 842 Bytes

Versions: 888

Compression:

Stored size: 842 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)
  const [isLoading, setIsLoading] = useState(false)

  return (
    <>
      <Button onClick={open}>{'Open Dialog'}</Button>
      <Dialog
          cancelButton="Cancel Button"
          className="wrapper"
          confirmButton="Okay"
          loading={isLoading}
          onCancel={close}
          onClose={close}
          onConfirm={() => setIsLoading(!isLoading)}
          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

888 entries across 888 versions & 2 rubygems

Version Path
playbook_ui_docs-13.32.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.32.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.powercentrainplaybookpt23212 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.powercentrainplaybookpt23212 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.PLAY10863204 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.PLAY10863204 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.PLAY10863202 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.PLAY10863202 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.PLAY882formpillprimaryandneutral3201 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.play1262iconstyles3172 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.play1262iconstyles3172 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0.pre.alpha.play1262iconstyles3171 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0.pre.alpha.play1262iconstyles3171 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.31.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.31.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.30.0.pre.alpha.play1367contenttagnoninputkits3159 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.30.0.pre.alpha.play1367contenttagnoninputkits3159 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui_docs-13.30.0.pre.alpha.20240515remotebuildkitconversion3150 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-13.30.0.pre.alpha.20240515remotebuildkitconversion3150 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx