BaseModal

Import

import { BaseModal } from 'binak-react-components';

Props

Name	Type	Default Value
open	boolean	undefined
children	ReactNode	undefined
onClose	() => any	undefined
center	boolean	undefined
title	string	undefined
content	ReactNode	undefined
baseDialog	boolean	undefined
okayButton	string	''
menuItems	ReactNode	undefined
backdropStyle	CSSProperties	undefined
dialogStyle	CSSProperties	undefined
...props	dialog props	-

Example

const [openModal, setOpenModal] = useState(true);
return (
  <BaseModal open={openModal} onClose={() => setOpenModal(false)}>
    {/* BaseCard */}
    <BaseCard style={{ margin: '0' }}>
      <BaseCard>
        <BaseCard>Inner Card</BaseCard>
        <BaseCard>Another Card</BaseCard>
      </BaseCard>
    </BaseCard>
  </BaseModal>
);

const [openModal, setOpenModal] = useState(true);
return (
  <BaseModal
    open={openModal}
    onClose={() => setOpenModal(false)}
    baseDialog
    title="This is a dialog!"
    okayButton="okay"
  >
    <BaseCard style={{ margin: '0' }}>
      <BaseCard>
        <BaseCard>Inner Card</BaseCard>
        <BaseCard>Another Card</BaseCard>
      </BaseCard>
    </BaseCard>
  </BaseModal>
);