eefe2e8acc
* Remove inbox-specific class, widen single column. * Create user preference for homescreen column layout. * Add display options "tab" to homescreen. * Style display options. * Tweak homepage layout option values. * Add tracks events for homepage layout. * Add test coverage for homescreen display options. * No need to use Fragment component. * Use named exports. * Fix display options styling on mobile/narrow viewports. Don't show the options at all if we're forcing single column. * Fix linting error. |
||
|---|---|---|
| .. | ||
| src | ||
| .npmrc | ||
| CHANGELOG.md | ||
| README.md | ||
| package.json | ||
README.md
Data
WooCommerce Admin data store and utilities.
Installation
Install the module
npm install @woocommerce/data --save
This package assumes that your code will run in an ES2015+ environment. If you're using an environment that has limited or no support for ES2015+ such as lower versions of IE then using core-js or @babel/polyfill will add support for these methods. Learn more about it in Babel docs.
Usage
import { SETTINGS_STORE_NAME } from '@woocommerce/data';
import { useSelect } from '@wordpress/data';
function MySettings() {
const settings = useSelect( select => {
return select( SETTINGS_STORE_NAME ).getSettings();
} );
return (
<ul>
{ settings.map( setting => (
<li>{ setting.name }</li>
) ) }
</ul>
);
}
// Rendered in the application:
//
// <MySettings />