# Dialog

**Kind:** Class

A styled modal dialog component.

[[ Story id="dialog--example" title="Dialog example" ]]

---

## DialogProps

**Kind:** Interface

Props for the `Dialog` component. Also accepts:
* `DialogStyleProps`

### Properties

#### `backgroundClassName?`

Type: `undefined | string`

Extra `className`s to apply to the background element, separated by spaces.

#### `backgroundStyle?`

Type: `React.CSSProperties`

Extra styles to apply to the background element.

#### `children`

Type: `React.ReactNode`

The contents of the dialog element.

#### `className?`

Type: `undefined | string`

Extra `className`s to apply to the dialog element, separated by spaces.

#### `onClose`

Type: `object`

Callback function to fire when the dialog is closed.

#### `style?`

Type: `React.CSSProperties`

Extra styles to apply to the dialog element.