# Dimensions

The KendoReact Dialog allows you to specify its width and height.

To define the dimensions of the Dialog, set its [`width`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/dialogprops#width) and [`height`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/dialogprops#height) props. For content that varies, use [`minWidth`](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/dialogprops#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.

[Demo Source](https://demos.telerik.com/kendo-react-ui/dialogs/dialog/dimensions/func/source.txt)

## Suggested Links

* [API Reference of the Dialog](https://www.telerik.com/kendo-react-ui-develop/components/dialogs/api/dialog)