Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-admin/packages/components/src/empty-content
History
Gan Eng Chin f5432beb72 Display a "read blog" message (https://github.com/woocommerce/woocommerce-admin/pull/5453) 
* Display a "read blog" message when there is an error in getting blog posts or there is no blog posts.

* Simplify ReadBlogMessage with interpolateComponents and Link.
 		2020-10-23 14:07:58 +08:00
..
stories Migrate the devdocs examples to Storybook CSF stories (https://github.com/woocommerce/woocommerce-admin/pull/5271) 2020-10-15 14:55:55 +13:00
README.md Fetch component usage documentation from local README.md. 2019-09-06 11:52:18 -07:00
index.js Display a "read blog" message (https://github.com/woocommerce/woocommerce-admin/pull/5453) 2020-10-23 14:07:58 +08:00
style.scss Align WooCommerce javascript code standards/linting/styles with WordPress core. (https://github.com/woocommerce/woocommerce-admin/pull/3674) 2020-02-14 15:23:21 +13:00

README.md

EmptyContent

A component to be used when there is no data to show. It can be used as an opportunity to provide explanation or guidance to help a user progress.

Usage

<EmptyContent
	title="Nothing here"
	message="Some descriptive text"
	actionLabel="Reload page"
	actionURL="#"
/>

Props

Name Type Default Description
title String null (required) The title to be displayed
message String null An additional message to be displayed
illustration String '/empty-content.svg' The url string of an image path. Prefix with / to load an image relative to the plugin directory
illustrationHeight Number null Height to use for the illustration
illustrationWidth Number 400 Width to use for the illustration
actionLabel String null (required) Label to be used for the primary action button
actionURL String null URL to be used for the primary action button
actionCallback Function null Callback to be used for the primary action button
secondaryActionLabel String null Label to be used for the secondary action button
secondaryActionURL String null URL to be used for the secondary action button
secondaryActionCallback Function null Callback to be used for the secondary action button
className String null Additional CSS classes