@woocommerce/components

    8.1.1 • Public • Published

    Components

    This packages includes a library of components that can be used to create pages in the WooCommerce dashboard and reports pages.

    Installation

    Install the module

    npm install @woocommerce/components --save

    View the full Component documentation for usage information.

    Usage

    /**
     * Woocommerce dependencies
     */
    import { Card } from '@woocommerce/components';
    
    export default function MyCard() {
    	return (
    		<Card title="Store Performance" description="Key performance metrics">
    			<p>Your stuff in a Card.</p>
    		</Card>
    	);
    }

    Many components include CSS to add style, you will need to add in order to appear correctly. Within WooCommerce, add the wc-components stylesheet as a dependency of your plugin's stylesheet. See wp_enqueue_style documentation for how to specify dependencies.

    In non-WordPress projects, link to the build-style/card/style.css file directly, it is located at node_modules/@woocommerce/components/build-style/<component_name>/style.css.

    Install

    npm i @woocommerce/components

    DownloadsWeekly Downloads

    2,238

    Version

    8.1.1

    License

    GPL-3.0-or-later

    Unpacked Size

    4.04 MB

    Total Files

    671

    Last publish

    Collaborators

    • zhongruige
    • ~woocommerce
    • adrianduffell
    • octaedro
    • claudiosanches
    • psealock
    • mikejolley
    • albertjuhe
    • nerrad
    • jeffstieler
    • rrennick
    • obliviousharmony
    • dygerati
    • louwie17
    • becdetat
    • ilyasfoo
    • mattsherman
    • joshuatf
    • moon.kyong