React Setup

Bundle Install

yarn add playbook-ui

Match your project's versions of React and ReactDOM with Playbook's versions

"react": "17.0.2",
 "react-dom": "17.0.2",

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