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