History

Patricia Hillebrandt 5dd7713346 [Performance]: Replace `classnames` usage with `clsx` (#47760 ) * Replace classnames with clsx within woocommerce-blocks. * Undo unnecessary change to getClassnames const. * Replace classnames with clsx within woocommerce-admin. * Add changelog. * Update the pnpm lock file * Address lint. * Address lint errors for the block-library.		2024-05-31 05:49:36 +02:00
..
test	Fix admin header page title (#46450 )	2024-04-15 02:46:09 +00:00
README.md	Manually change i18n text domain from 'woocommerce-admin' to 'woocommerce' in WCA Client .md files	2022-04-01 11:41:32 +08:00
index.js	[Performance]: Replace `classnames` usage with `clsx` (#47760 )	2024-05-31 05:49:36 +02:00
style.scss	Stylelint: Update config to double quotes (#45607 )	2024-03-26 10:41:34 -03: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' ) ],
				__( '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.