DocSpace-buildtools/packages/asc-web-components/empty-screen-container
2021-03-07 14:57:26 +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 Web: Components: refactoring stories, add public/images to components for storybook 2021-03-07 14:57:26 +03:00
README.md Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00
styled-empty-screen-container.js Web: applied new import from appserver/components 2021-02-24 20:11:23 +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