Skip to main content

Interface: DialogStyleProps

Dialog style, placement and sizing options.

Properties​

PropertyTypeDescription

caption

string

Dialog caption which is displayed in its header.

closable?

boolean

Whether the dialog should display a close button in the header.

Default

true

defaultSize?

Size

Default size for the dialog.

Default

{width: 300, height: 320}

dock?

"s" | "e" | "n" | "w"

Dock direction for the dialog from the DialogProps.target target point of view:

  • n: north (top)
  • e: east (right)
  • s: south (bottom)
  • w: west (left)

Only applicable if the DialogProps.target target is provided.

Default

"e"

dockMargin?

number

Margin between the dialog and the target.

Default

40

maxSize?

Size

Maximum size for the dialog when resizing.

Default

{width: 800, height: 800}

minSize?

Size

Minimum size for the dialog when resizing.

Default

{width: 250, height: 250}

resizableBy?

"all" | "none" | "x" | "y"

Allowed directions to resize the dialog:

  • none - disallow resize;
  • x - allow only horizontal resize;
  • y - allow only vertical resize;
  • all - allow both horizontal and vertical resize.

Default

"all"