Fully Styled UI Component Library – PCUI

Category: Frameworks , Javascript | October 26, 2020
Author:playcanvas
Views Total:25 views
Official Page:Go to website
Last Update:October 26, 2020
License:MIT

Preview:

Fully Styled UI Component Library – PCUI

Description:

PCUI is a fully styled UI component library for Vanilla JavaScript and React apps.

It provides a quick and stylish way to create reusable UI components in modern web & mobile design.

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

Basic Usage:

1. Install the PCUI package with NPM.

# NPM
$ npm i @playcanvas/pcui --save

2. Import UI components.

// 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 components in your app.

<BooleanInput onChange={function noRefCheck(){}} />
...

Previews:

PCUI UI Component Boolean Input

Boolean Input

PCUI UI Component Info Box

Info Box

PCUI UI Component Panel

Panel

PCUI UI Component Tree View

Tree View

PCUI UI Component Textarea

Textarea

Changelog:

v1.0.3 (10/26/2020)

  • Expose the ContextMenu component

You Might Be Interested In:


Leave a Reply