470fc899e1
* Add product page layout components * Add a quick sample page to test the product form layout * Add changelog * Add option 2 * Refactor the product field layout structure * Update page component structure of product form * Add simple SlotFill support * Update product page chunk name * Add order to slot fill and move product field layout wrapper into product category layout * Remove unused import * Consolidate the slot fill ordering logic * Rename category component to section component to prevent confusion * Remove edit product page and use the new add product page instead * Add tests Co-authored-by: Fernando Marichal <contacto@fernandomarichal.com> |
||
|---|---|---|
| .. | ||
| test | ||
| README.md | ||
| index.js | ||
| style.scss | ||
| utils.tsx | ||
README.md
Header
A basic component for the app header. The header outputs breadcrumbs via the sections prop (required) and access to the activity panel. It also sets the document title.
How to use:
import Header from 'header';
render: function() {
return (
<Header
sections={ [
[ '/analytics', __( 'Analytics', 'woocommerce' ) ],
__( 'Report Title', 'woocommerce' ),
] }
/>
);
}
Props
sections(required): Used to generate breadcrumbs. Accepts a single items or an array of items. To make an item a link, wrap it in an array with a relative link (example:[ '/analytics', __( 'Analytics', 'woocommerce' ) ]).isEmbedded: Boolean describing if the header is embedded on an existing wp-admin page. False if rendered as part of a full react page.
Activity Panel
This component contains the Activity Panel. This is shown on every page and is rendered as part of the header.