Components / Dialogs / API / DialogProps /

DialogProps

Represents the props of the KendoReact Dialog component.

Name	Type	Description
appendTo?	`any`	Defines the container to which the Dialog will be appended. Defaults to body. If set to `null` the Dialog will be rendered without React Portal.
autoFocus?	`boolean`	Focus the Dialog container automatically when mounted. By default the autoFocus is false.
className?	`string`	Sets a class of the Dialog DOM element.
closeIcon?	`boolean`	Specifies whether a close button should be rendered at the top corner of the dialog.
contentStyle?	`React.CSSProperties`	The styles that are applied to the content of the Dialog.
dir?	`string`	Represents the `dir` HTML attribute.
height?	`string \| number`	Specifies the height of the Dialog (see example).
id?	`string`	Sets the `aria-labelledby` value.
minWidth?	`string \| number`	Specifies the minimum width of the Dialog.
onClose?	`(event: DialogCloseEvent) => void`	Fires when the Close button in the title is clicked or when the `Esc` button is pressed.
style?	`React.CSSProperties`	The styles that are applied to the Dialog.
themeColor?	`"primary" \| "dark" \| "light"`	Configures the `themeColor` of the Dialog. The available options are: primary dark light
title?	`string \| ReactElement<any>`	Sets the title of the Dialog (see example). If `title` is not specified, the Dialog does not render a Close button.
width?	`string \| number`	Specifies the width of the Dialog (see example).