2019-06-27 12:47:32 +00:00
|
|
|
# ModalDialog
|
|
|
|
|
|
|
|
|
|
#### Description
|
|
|
|
|
|
|
|
|
|
ModalDialog is used for displaying modal dialogs
|
|
|
|
|
|
|
|
|
|
#### Usage
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
import { ModalDialog } from 'asc-web-components';
|
|
|
|
|
|
2019-07-11 15:02:48 +00:00
|
|
|
<ModalDialog visible={false} />
|
2019-06-27 12:47:32 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### Properties
|
|
|
|
|
|
|
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| --------------- | ------------------------- | :------: | -------| ------- | ------------------------------------------------ |
|
2019-07-11 15:02:48 +00:00
|
|
|
| `visible` | `bool` | | | | Display dialog or not |
|
2019-06-27 12:47:32 +00:00
|
|
|
| `headerContent` | `string/element/elements` | | | | Header content |
|
|
|
|
|
| `bodyContent` | `string/element/elements` | | | | Body content |
|
|
|
|
|
| `footerContent` | `string/element/elements` | | | | Footer content |
|
|
|
|
|
| `onClose` | `func` | | | | Will be triggered when a close button is clicked |
|
