variant | (optional) The dialog variant. Can either be information or confirmation. Defaults to information. |
title | (optional) The dialog title. Displays on the very top of the content. |
minWidth | (optional) The minimum Dialog content width, defined by a CSS width value like 50vw (50% of the viewport). Be careful on using fixed minWidth so you don't break responsiveness. Defaults to 30rem (average width is set to 60vw). |
maxWidth | (optional) The maximum Dialog content width, defined by a CSS width value like 20rem. Defaults to 60rem (average width is set to 60vw). |
className | (optional) Give the Dialog content a class name (maps to dnb-dialog). |
spacing | (optional) If set to false then the dialog content will be shown without any spacing. Defaults to true. |
preventCoreStyle | (optional) By default the dialog content gets added the core style class dnb-core-style. Use false to disable this behavior. |
navContent | (optional) The content which will appear in the navigation, above the header, and side-by-side the close button. |
headerContent | (optional) The content which will appear in the header of the dialog. |
modalContent | (optional) The content which will appear when triggering the dialog. |
description | (optional) A description will be positioned below the title, but before the content. Used for Dialog variant confirmation to further describe what the actions will do. |
alignContent | (optional) Define the inner horizontal alignment of the content. Can be set to left, center, right and centered. If centered, then the content will also be centered vertically. Defaults to left. |
fullscreen | (optional) If set to true then the dialog content will be shown as fullscreen, without showing the original content behind. Can be set to false to omit the auto fullscreen. Defaults to auto. |
icon | (optional) An icon to display at the top of the component. Should be of size medium, so make sure you import the _medium version of the Eufemia icon. |
confirmType | (optional) For variant confirmation, the dialog is either an informational (info) or a warning (warning) message. Defaults to 'info'. |
declineText | (optional) For dialog actions, give a custom text for the decline button. |
confirmText | (optional) For dialog actions, give a custom text for the confirmation button. |
hideDecline | (optional) For variant confirmation, hide the default decline button and only show the confirmation button. |
scrollRef | (optional) To get the scroll Element, pass in your own React ref. |
contentRef | (optional) To get the inner content Element, pass in your own React ref. |