PCUI library allows creating reliable and visually pleasing user interfaces by providing fully designed components that you can use directly on your site.
The components are useful in a wide range of use cases, from creating simple forms to building graphical user interfaces to complex web tools.
UI Components Included:
- Boolean Input
- Button
- Code
- Container
- Divider
- InfoBox
- Label
- Numeric Input
- Overlay
- Panel
- Progress
- Select Input
- Slider Input
- Spinner
- textarea Input
- Text Input
- TreeView
- Vector Input
How to make use of it:
1. Install the PCUI package deal with NPM.
# NPM $ npm i @playcanvas/pcui --save
2. Import UI elements.
// Vanilla JavaScript
import { Component } from '@playcanvas/pcui/pcui.js';
// React
import React from 'react';
import ReactDOM from 'react-dom';
import { Component } from '@playcanvas/pcui/pcui-react.js';
// Data binding
import {
BindingObserverToElement,
BindingElementToObserver,
BindingTwoWay,
Observer
} from '@playcanvas/pcui/pcui-binding.js';3. Use these UI parts in your app.
<BooleanInput onChange={function noRefCheck(){}} />
...Fully Styled UI Component Library, PCUI Plugin/Github
See Demo And Download
Official Website(playcanvas): Click Here
This superior jQuery/javascript plugin is developed by playcanvas. For extra Advanced Usages, please go to the official website.
