DocSpace-client/packages/shared/components/empty-screen-container
2024-01-10 11:01:43 +03:00
..
EmptyScreenContainer.stories.tsx Shared:Components:EmptyScreenContainer: rewrite to typescript 2023-12-18 11:38:33 +03:00
EmptyScreenContainer.styled.ts Shared:Components:EmptyScreenContainer: rewrite to typescript 2023-12-18 11:38:33 +03:00
EmptyScreenContainer.test.tsx Shared:Components:EmptyScreenContainer: rewrite to typescript 2023-12-18 11:38:33 +03:00
EmptyScreenContainer.tsx Client: fix after rewrite to typescript 2023-12-27 17:45:22 +03:00
EmptyScreenContainer.types.ts Shared:Components:EmptyScreenContainer: rewrite to typescript 2023-12-18 11:38:33 +03:00
index.tsx Shared:Components:EmptyScreenContainer: rewrite to typescript 2023-12-18 11:38:33 +03:00
README.md Client: fix wrong import - export for shared components 2024-01-10 11:01:43 +03:00

EmptyScreenContainer

Used to display empty screen page

Usage

import { EmptyScreenContainer } from "@docspace/shared/components/empty-screen-container";
<EmptyScreenContainer
  imageSrc="empty_screen_filter.png"
  imageAlt="Empty Screen Filter image"
  headerText="No results matching your search could be found"
  subheading="No files to be displayed in this section"
  descriptionText="No results matching your search could be found"
  buttons={<a href="/">Go to home</a>}
/>

Properties

Props Type Required Values Default Description
buttons element - - - Content of EmptyContentButtonsContainer
className string - - - Accepts class
descriptionText string - - - Description text
headerText string - - - Header text
subheadingText string - - - Subheading text
id string - - - Accepts id
imageAlt string - - - Alternative image text
imageSrc string - - - Image url source
style obj, array - - - Accepts css style