2019-08-09 14:56:43 +00:00
|
|
|
# EmptyScreenContainer
|
|
|
|
|
|
|
|
|
|
Used to display empty screen page
|
|
|
|
|
|
2019-11-20 11:23:04 +00:00
|
|
|
### Usage
|
2019-08-09 14:56:43 +00:00
|
|
|
|
|
|
|
|
```js
|
2024-01-10 08:01:43 +00:00
|
|
|
import { EmptyScreenContainer } from "@docspace/shared/components/empty-screen-container";
|
2019-11-20 11:23:04 +00:00
|
|
|
```
|
|
|
|
|
|
|
|
|
|
```jsx
|
2019-08-09 14:56:43 +00:00
|
|
|
<EmptyScreenContainer
|
2019-11-20 11:23:04 +00:00
|
|
|
imageSrc="empty_screen_filter.png"
|
|
|
|
|
imageAlt="Empty Screen Filter image"
|
|
|
|
|
headerText="No results matching your search could be found"
|
2020-04-14 10:27:42 +00:00
|
|
|
subheading="No files to be displayed in this section"
|
2019-11-20 11:23:04 +00:00
|
|
|
descriptionText="No results matching your search could be found"
|
|
|
|
|
buttons={<a href="/">Go to home</a>}
|
|
|
|
|
/>
|
2019-08-09 14:56:43 +00:00
|
|
|
```
|
|
|
|
|
|
2019-11-20 11:23:04 +00:00
|
|
|
### Properties
|
2019-08-09 14:56:43 +00:00
|
|
|
|
2019-11-27 14:05:10 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ----------------- | :------------: | :------: | :----: | :-----: | --------------------------------------- |
|
|
|
|
|
| `buttons` | `element` | - | - | - | Content of EmptyContentButtonsContainer |
|
|
|
|
|
| `className` | `string` | - | - | - | Accepts class |
|
|
|
|
|
| `descriptionText` | `string` | - | - | - | Description text |
|
|
|
|
|
| `headerText` | `string` | - | - | - | Header text |
|
2020-04-14 10:27:42 +00:00
|
|
|
| `subheadingText` | `string` | - | - | - | Subheading text |
|
2019-11-27 14:05:10 +00:00
|
|
|
| `id` | `string` | - | - | - | Accepts id |
|
|
|
|
|
| `imageAlt` | `string` | - | - | - | Alternative image text |
|
|
|
|
|
| `imageSrc` | `string` | - | - | - | Image url source |
|
|
|
|
|
| `style` | `obj`, `array` | - | - | - | Accepts css style |
|
