DocSpace-client/packages/components/empty-screen-container
2023-10-09 14:53:15 +04:00
..
empty-screen-container.stories.js Web: Components: Adapt EmptyScreenContainer component to RTL interface 2023-05-31 17:12:31 +02: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: apply new breakpoints 2023-10-08 07:48:46 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
styled-empty-screen-container.js Replaced hardcode to media querу consts 2023-10-09 14:53:15 +04: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