API Reference › appui-react› Dialog › ContentDialogProps

ContentDialogProps Interface

Properties for the ContentDialog component

Extends

  • DialogProps

Properties

Name Type Description
children ReactNode    
dialogId string    
movable boolean | undefined    

Inherited properties

Name Type Inherited from Description
alignment DialogAlignment | undefined DialogProps Default alignment of dialog.
backgroundStyle CSSProperties | undefined DialogProps Custom CSS Style for overlay
buttonCluster DialogButtonDef[] | undefined DialogProps List of DialogButtonDef objects specifying buttons and associated onClick events
contentClassName string | undefined DialogProps Custom CSS class name for the content
contentStyle CSSProperties | undefined DialogProps Custom CSS Style for the content
footer string | ReactElement<any, string | JSXElementConstructor<any>> DialogProps Footer to show at bottom of dialog.
footerStyle CSSProperties | undefined DialogProps Custom CSS Style for footer
header ReactNode | undefined DialogProps Override for the header
height string | number DialogProps Initial height of dialog.
hideHeader boolean | undefined DialogProps Whether the hide the header.
inset boolean | undefined DialogProps Indicates whether the content should be inset.
itemId string | undefined 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 boolean | undefined DialogProps Whether to show background overlay.
modelessId string | undefined DialogProps An id for a modeless dialog
onClose () => void | undefined DialogProps  
onEscape () => void | undefined DialogProps  
onModelessPointerDown (event: PointerEvent<Element>, id: string) => void | undefined DialogProps  
onOutsideClick (event: MouseEvent) => any | undefined DialogProps  
opened boolean DialogProps Indicates whether to show dialog or not
resizable boolean | undefined 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 CSSProperties | undefined DialogProps Custom CSS Style for title
trapFocus boolean | undefined DialogProps Indicates whether the focus should be trapped within the dialog.
width string | number DialogProps Initial width of dialog.
x number | undefined DialogProps Initial x/left position of dialog in px.
y number | undefined DialogProps Initial y/top position of dialog in px.

Defined in

Last Updated: 01 May, 2024