New to KendoReact? Learn about KendoReact Free.
Dimensions
Updated on Oct 27, 2026
The KendoReact Dialog allows you to specify its width and height.
To define the dimensions of the Dialog, set its width and height props. For content that varies, use minWidth to set the narrowest size the Dialog can have instead of fixing the width.
Use numbers for pixels or strings with CSS units, such as "50%", for relative sizes. If you omit a dimension, the Dialog leaves it unset rather than applying an inline size.
The following example sets the Dialog width to 200 pixels and its height to 250 pixels.
Loading ...