# Backdrop

Background for displaying modal dialogs

### Usage

```js
import { Backdrop } from "@docspace/shared/components/backdrop";
```

```jsx
<Backdrop visible={true} zIndex={1} />
```

### Properties

| 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       |