DocSpace-client/packages/asc-web-components/empty-screen-container
2021-11-22 15:37:30 +03:00
..
empty-screen-container.stories.js Web: Components: refactoring stories, add public/images to components for storybook 2021-03-07 14:57:26 +03:00
empty-screen-container.test.js Web: Components: changed component hierarchy 2021-02-24 17:42:09 +03:00
index.js Fix Bug 52089 - Client.Files. Elements of the page are not selected using left mouse button. 2021-08-30 16:24:16 +03:00
README.md Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00
styled-empty-screen-container.js Web: Components: fixed empty-screen styles 2021-11-22 15:37:30 +03:00

EmptyScreenContainer

Used to display empty screen page

Usage

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