React
Is new design vision part implemented using new tokens?
Component checklist
Update required
Resources
Example
import { Dialog, Button } from '@optimus-web/core';
<Button onClick={() => setOpen(true)} ref={ref}>
Open dialog
</Button>
<Dialog
title="Enjoy your stay"
size="medium"
position={DialogPosition.Center}
modal={true}
contentWithoutPadding={false}
loading={false}
inline={false}
mobileFullscreen={false}
footer={{
secondary: <Button>Cancel</Button>,
primary: <Button variant="primary">See reservation</Button>,
responsive: false,
}}
anchorElement={ref.current}
active={open}
onClose={() => setOpen(false)}
>
<Body size="medium">
Expect a confirmation email to land in your inbox, complete with all your reservation specifics. And
just a heads-up: if it's MIA, it might be hanging out in your spam folder. But fret not! If you're left
wondering or have any burning questions, we're just a message away. Your satisfaction is our priority!
</Body>
</Dialog>