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>
);