React Setup
Playbook's Ruby Gem makes it easy to use playbook with your favorite rails app. Here's a few routes you can take
to get you started:
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