History

Joshua T Flowers 851dac281c Add filter to allow the wp toolbar in navigation (https://github.com/woocommerce/woocommerce-admin/pull/6371 ) * Add class to determine styling for disabled wp toolbar * Use disabled toolbar class in onboarding setup wizard * Add changelog and readme notes for filter		2021-02-19 08:20:32 -05:00
..
activity-panel	Remove googlefonts/material icons. Migrate to @wordpress/icons and gridicons (https://github.com/woocommerce/woocommerce-admin/pull/6343 )	2021-02-18 11:54:02 +13:00
test	Try: Refactor head and body heights (https://github.com/woocommerce/woocommerce-admin/pull/6247 )	2021-02-12 11:32:26 -05:00
README.md	Allow each page to specify their breadcrumbs without having to render the Header component (https://github.com/woocommerce/woocommerce-admin/pull/2491 )	2019-07-05 09:15:49 +01:00
index.js	Fix navigation priority settings conflict (https://github.com/woocommerce/woocommerce-admin/pull/6336 )	2021-02-12 16:42:04 -05:00
style.scss	Add filter to allow the wp toolbar in navigation (https://github.com/woocommerce/woocommerce-admin/pull/6371 )	2021-02-19 08:20:32 -05:00

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.