The dialog component is used for all modals. It renders on top of the rest of the app with an overlay.
Note: You'll need to manage the isOpen state in a wrapper component of your own. For documentation purposes only we've created a mock State to handle this, but you should handle the state in the component you consume Dialog in or in a wrapper component.
Dialog components get the COMMON and LAYOUT categories of system props. Dialog.Header components get COMMON, LAYOUT, and FLEX system props. Read our System Props doc page for a full list of available props.
Set whether or not the dialog is shown
A user-provided function that should close the dialog