Dialog

import { Dialog } from "density-base-ui";

export default function DialogExample() {
  return (
    <Dialog.Root>
      <Dialog.Trigger>Open dialog</Dialog.Trigger>
      <Dialog.Portal>
        <Dialog.Backdrop className="dialog-example-backdrop" />
        <Dialog.Popup className="dialog-example-popup">
          <Dialog.Title className="dialog-example-title">
            Edit workspace
          </Dialog.Title>
          <Dialog.Description className="dialog-example-description">
            Update shared workspace settings without leaving the current view.
          </Dialog.Description>
          <div className="dialog-example-actions">
            <Dialog.Close>Cancel</Dialog.Close>
            <Dialog.Close density-emphasis="primary">Save changes</Dialog.Close>
          </div>
        </Dialog.Popup>
      </Dialog.Portal>
    </Dialog.Root>
  );
}