Bundle Install

yarn add playbook-ui

Match your project's versions of React, ReactDOM, react-is and React Trix with Playbook's versions

"react": "17.0.2",
 "react-dom": "17.0.2",
 "react-is": "^17.0.2",
 "react-trix": "0.10.1",

Import fonts and CSS styles

Can be imported in your Index.js file or top level app Component

import 'playbook-ui/dist/fonts/fontawesome-min';
 import 'playbook-ui/dist/fonts/regular-min';
 import 'playbook-ui/dist/playbook.css';

Import Playbook React components

import { Avatar, Button } from 'playbook-ui';

CodeSandbox React Setup Example

Link to CodeSandbox Example

Dependencies

More details about Playbook dependencies