You can reference WordPress’ Core Components<\/a> in the Gutenberg GitHub repo<\/a> or in the Block Editor Handbook<\/a>. Another good reference is the Gutenberg Storybook<\/a>.<\/p>\n\n\n\n To import components into your codebase, use the Install the module<\/p>\n\n\n\n This package assumes that your code will run in an ES2015+<\/strong> environment. If you’re using an environment that has limited or no support for such language features and APIs, you should include the polyfill shipped in Within Gutenberg, these components can be accessed by importing from the Many components include CSS to add style, you will need to add in order to appear correctly. Within WordPress, add the @wordpress\/components<\/code> npm package<\/a>. Detailed instructions and usage can be found in the Block Editor Handbook<\/a> and the npm directory. Some have been copied here for quick reference.<\/p>\n\n\n\nInstallation<\/h3>\n\n\n\n
npm install @wordpress\/components --save<\/pre>\n\n\n\n
@wordpress\/babel-preset-default<\/code><\/a> in your code.<\/em><\/p>\n\n\n\n<\/a>Usage<\/h3>\n\n\n\n
components<\/code> root directory:<\/p>\n\n\n\n\/**\n * WordPress dependencies\n *\/\nimport { Button } from '@wordpress\/components';\n\nexport default function MyButton() {\n\treturn <Button>Click Me!<\/Button>;\n}<\/pre>\n\n\n\nwp-components<\/code> stylesheet as a dependency of your plugin’s stylesheet. See wp_enqueue_style documentation<\/a> for how to specify dependencies.<\/p>\n\n\n\nBU Components<\/h2>\n\n\n\n