指南

快速开始

安装两个包后，使用 TSone 的 createComponent 组合 One UI。

bun add @geektech/tsone @geektech/one

完整应用

import { Component, createApp, createComponent, type VNode } from '@geektech/tsone';
import { OneButton, OneCard, OneInput } from '@geektech/one';

class App extends Component {
  protected initState(): object {
    return {};
  }

  protected initStyles(): void {}

  protected render(): VNode {
    return {
      tag: 'main',
      children: [
        createComponent(OneButton, { variant: 'primary' }, ['保存']),
        createComponent(OneInput, { placeholder: '项目名称', ariaLabel: '项目名称' }),
        createComponent(OneCard, { title: 'One UI' }, [
          '三个组件已经在同一个 TSone 应用中渲染。',
        ]),
      ],
    };
  }
}

createApp({ root: App }).mount();