React

PCUI 组件可直接用于 React 应用。从 React 包导入后，在 .jsx 文件中使用：

import * as React from 'react';
import ReactDOM from 'react-dom';
import { TextInput } from '@playcanvas/pcui/react';
import '@playcanvas/pcui/styles';

ReactDOM.render(
    <TextInput />,
    document.body
);

此示例渲染基本文本输入组件，效果如下：

更复杂的实现详见示例。

Storybook

PCUI Storybook 提供所有可用组件的交互展示，可以：

探索组件属性和行为。
实时测试不同配置。
查看组件文档。
复制示例代码。

Storybook​

Storybook