DocSpace-client/packages/components/empty-screen-container
2023-01-27 17:08:30 +03:00
..
empty-screen-container.stories.js Web:Common/Client/Components: add PUBLIC_DIR alias 2023-01-27 17:08:30 +03:00
empty-screen-container.test.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
index.js Web:Components:Empty-Screen-Container Fixed description color 2022-12-07 17:32:52 +05:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
styled-empty-screen-container.js Web:Client:Components: Fixed empty container 2022-12-08 11:43:18 +05:00

EmptyScreenContainer

Used to display empty screen page

Usage

import EmptyScreenContainer from "@docspace/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