DocSpace-buildtools/web/ASC.Web.Storybook/stories/empty-screen-container

EmptyScreenContainer

Usage

import { EmptyScreenContainer } from 'asc-web-components';

Description

Used to display empty screen page

Usage

<EmptyScreenContainer
      imageSrc={text("imageSrc", "empty_screen_filter.png")}
      imageAlt={text("imageAlt", "Empty Screen Filter image")}
      headerText={text(
        "headerText",
        "No results matching your search could be found"
      )}
      descriptionText={text(
        "descriptionText",
        "No people matching your filter can be displayed in this section. Please select other filter options or clear filter to view all the people in this section."
      )}
      buttons={
        <>
          <Icons.CrossIcon size="small" style={{marginRight: "4px"}} />
          <Link
            type="action"
            isHovered={true}
            onClick={(e) => action("Reset filter clicked")(e)}
          >
            Reset filter
          </Link>
        </>
      }
    />

Properties

Props	Type	Required	Values	Default	Description
imageSrc	string	-	-	-	Image url source
imageAlt	string	-	-	-	Alternative image text
headerText	string	-	-	-	Header text
descriptionText	string	-	-	-	Description text
buttons	element(s)	-	-	-	Content of EmptyContentButtonsContainer