组件

@dopejs/pingo-ui 是与 shadcn/ui 对齐的组件库：API 与皮肤语义保持一致，渲染目标是 pingo canvas 引擎而非 DOM。下方每个组件页都包含实时渲染的预览——预览本身就是引擎 绘制的 canvas，可交互、跟随主题切换。

使用

import { createHostedCanvasRoot } from "@dopejs/pingo";
import { Button, createPingoUiStyleSheet } from "@dopejs/pingo-ui";

const root = await createHostedCanvasRoot(canvas, {
  styleSheets: [createPingoUiStyleSheet()],
});
root.render(createElement(Button, { children: "保存" }));

用户自定义样式表必须在 pingo-ui 样式表之后注册，同优先级规则按注册顺序覆盖。 主题与品牌定制见样式指南与 SCSS 与 Less。

从左侧目录选择一个组件开始。