Link Search Menu Expand Document

Getting Started

To build the component library, run the following in the projects directory:

npm install --save-dev @playcanvas/observer
npm install --save-dev @playcanvas/pcui

This will include the entire pcui library in your project. The various parts of the library will be available to import from that package at the following locations:

  • Observers: @playcanvas/observer
  • ES6 Components: @playcanvas/pcui
  • React Components: @playcanvas/pcui/react

You can then import the ES6 components into your own .js files and use them as follows:

import { Button } from '@playcanvas/pcui';

const helloWorldButton = new Button({
    text: 'Click Me'
});

document.body.appendChild(helloWorldButton.dom);

This will result in your first component being appended to your document body!