Sha256: 9af18a4af0e62d4864ef1f79960bac23f2c2718225dadb744ba08a940fb6a4b3

Contents?: true

Size: 835 Bytes

Versions: 82

Compression:

Stored size: 835 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"
          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

82 entries across 82 versions & 1 rubygems

Version Path
playbook_ui-11.1.2 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.1.2.pre.alpha1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.1.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.1.1.pre.alpha1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.1.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.0.0.pre.alpha.2 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-11.0.0.pre.alpha.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.27.0.pre.lazysizes1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.27.0.pre.datepicker1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.alpha5 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.rc1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.alpha.sticky1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.alpha.display1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.alpha3 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.25.1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.26.0.pre.alpha1 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.25.0 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
playbook_ui-10.25.0.pre.alpha3 app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx