API Reference › appui-react › Dialog › ModelessDialogProps

ModelessDialogProps Interface

Properties for the ModelessDialog component

Extends

  • DialogProps

Properties

Name Type Description
dialogId string    
movable undefined | boolean    

Inherited properties

Name Type Inherited from Description
alignment undefined | DialogAlignment DialogProps Default alignment of dialog.
backgroundStyle undefined | CSSProperties DialogProps Custom CSS Style for overlay
buttonCluster undefined | DialogButtonDef[] DialogProps List of DialogButtonDef objects specifying buttons and associated onClick events
contentClassName undefined | string DialogProps Custom CSS class name for the content
contentStyle undefined | CSSProperties DialogProps Custom CSS Style for the content
footer string | ReactElement<any, string | JSXElementConstructor<any>> DialogProps Footer to show at bottom of dialog.
footerStyle undefined | CSSProperties DialogProps Custom CSS Style for footer
header undefined | ReactNode DialogProps Override for the header
height string | number DialogProps Initial height of dialog.
hideHeader undefined | boolean DialogProps Whether the hide the header.
inset undefined | boolean DialogProps Indicates whether the content should be inset.
itemId undefined | string DialogProps Optional unique identifier for item.
maxHeight string | number DialogProps Maximum height that the dialog may be resized to.
maxWidth string | number DialogProps Maximum width that the dialog may be resized to.
minHeight string | number DialogProps Minimum height that the dialog may be resized to.
minWidth string | number DialogProps Minimum width that the dialog may be resized to.
modal undefined | boolean DialogProps Whether to show background overlay.
modelessId undefined | string DialogProps An id for a modeless dialog
onClose undefined | () => void DialogProps  
onEscape undefined | () => void DialogProps  
onModelessPointerDown undefined | (event: PointerEvent<Element>, id: string) => void DialogProps  
onOutsideClick undefined | (event: MouseEvent) => any DialogProps  
opened boolean DialogProps Indicates whether to show dialog or not
resizable undefined | boolean DialogProps Indicates whether the user can resize dialog with cursor.
title string | ReactElement<any, string | JSXElementConstructor<any>> DialogProps Title to show in title bar of dialog
titleStyle undefined | CSSProperties DialogProps Custom CSS Style for title
trapFocus undefined | boolean DialogProps Indicates whether the focus should be trapped within the dialog.
width string | number DialogProps Initial width of dialog.
x undefined | number DialogProps Initial x/left position of dialog in px.
y undefined | number DialogProps Initial y/top position of dialog in px.

Defined in

Last Updated: 05 April, 2024