2019-07-15 08:11:13 +00:00
|
|
|
# Backdrop
|
|
|
|
|
|
|
|
Background for displaying modal dialogs
|
|
|
|
|
2019-11-19 14:25:22 +00:00
|
|
|
### Usage
|
2019-07-15 08:11:13 +00:00
|
|
|
|
|
|
|
```js
|
2021-02-25 21:19:45 +00:00
|
|
|
import Backdrop from "@appserver/components/backdrop";
|
2019-11-19 14:25:22 +00:00
|
|
|
```
|
2019-07-15 08:11:13 +00:00
|
|
|
|
2019-11-19 14:25:22 +00:00
|
|
|
```jsx
|
2020-10-16 13:16:01 +00:00
|
|
|
<Backdrop visible={true} zIndex={1} />
|
2019-07-15 08:11:13 +00:00
|
|
|
```
|
|
|
|
|
2019-11-19 14:25:22 +00:00
|
|
|
### Properties
|
2019-07-15 08:11:13 +00:00
|
|
|
|
2020-12-11 12:25:53 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
| ----------- | :-------------: | :------: | :----: | :-----: | ----------------- |
|
|
|
|
| `className` | `string, array` | - | - | - | Accepts class |
|
|
|
|
| `id` | `string` | - | - | - | Accepts id |
|
|
|
|
| `style` | `obj`, `array` | - | - | - | Accepts css style |
|
|
|
|
| `visible` | `bool` | - | - | `false` | Display or not |
|
|
|
|
| `zIndex` | `number` | - | - | `100` | CSS z-index |
|