7aeb0a19d2
* Add SlotFill area to header * Add activity panel fill * Move activity panel to root client folder * Move activity panel registration to its own folder * Add navigation fill * Add page title slotfill * Slot fill the back button * Move mobile banner to slot fill * Fix navigation fill on embed pages * Add changelog entry * Allow order prop to header item fill * Split header into before and after * Fix header title gaps * Fix nav and mobile app banner placement * Fix display options import * Only use last item for page header title fill * Use function to pass fill props instead of bind * Rename header slots * Fix mobile banner dismissal check * Fix up inbox panel rename * Update task title in tests * Fix up task status retrieval |
||
|---|---|---|
| .. | ||
| test | ||
| README.md | ||
| index.js | ||
| style.scss | ||
| utils.js | ||
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-admin' ) ],
__( 'Report Title', 'woocommerce-admin' ),
] }
/>
);
}
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-admin' ) ]).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.