@wordpress/components
Version:
UI components for WordPress.
35 lines (22 loc) • 1.46 kB
Markdown
# Component Reference
This packages includes a library of generic WordPress components to be used for creating common UI elements shared between screens and features of the WordPress dashboard.
## Installation
Install the module
```bash
npm install /components --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 IE browsers then using [core-js](https://github.com/zloirock/core-js) will add polyfills for these methods._
## Usage
Within Gutenberg, these components can be accessed by importing from the `components` root directory:
```jsx
/**
* WordPress dependencies
*/
import { Button } from '/components';
export default function MyButton() {
return <Button>Click Me!</Button>;
}
```
Many components include CSS to add style, you will need to add in order 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, link to the `build-style/style.css` file directly, it is located at `node_modules//components/build-style/style.css`.
<br/><br/><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>