diff --git a/packages/components/.storybook/preview.js b/packages/components/.storybook/preview.js new file mode 100644 index 0000000000000..423b033ce717c --- /dev/null +++ b/packages/components/.storybook/preview.js @@ -0,0 +1 @@ +import './style.scss'; diff --git a/packages/components/.storybook/style.scss b/packages/components/.storybook/style.scss new file mode 100644 index 0000000000000..2a0419c1cc5ea --- /dev/null +++ b/packages/components/.storybook/style.scss @@ -0,0 +1,2 @@ +@import '@wordpress/components/build-style/style'; +@import '@automattic/calypso-color-schemes'; diff --git a/packages/components/README.md b/packages/components/README.md index fc884ef6cdeb2..0910fba1678d3 100644 --- a/packages/components/README.md +++ b/packages/components/README.md @@ -28,6 +28,10 @@ const CallToAction = () => ( ); ``` +Some components require CSS styles from `@wordpress/components`, which you will need to load in order for them to appear correctly. Within WordPress, add the `wp-components` stylesheet as a dependency of your plugin's stylesheet. See [wp_enqueue_style documentation](https://developer.wordpress.org/reference/functions/wp_enqueue_style/#parameters) for how to specify dependencies. + +In non-WordPress projects, import the `build-style/style.css` file directly, located at `node_modules/@wordpress/components/build-style/style.css`. + ## Development Workflow This package is developed as part of the Calypso monorepo. Run `yarn`