@oods / components-react

由OODS Foundry生成的屏幕使用的React组件。该包导出控件、布局和域视图； @oods/component-styles 提供他们的CSS。

安装

npm install @oods/components-react @oods/component-styles @oods/tokens @oods/component-contracts react react-dom

使用React和React DOM 18或19。带上你现有的React应用或者使用OODS Foundry的 code_generate 与 options.output: "application" 用于应用程序入口和Vite配置。

第一个结果

import { Button } from '@oods/components-react';
import '@oods/component-styles/css';

export function App() {
  return <Button content="Review stock" intent="primary"
    onActivate={() => window.alert('Connect this action to your application.')} />;
}

集 data-brand="A" 和 data-theme="light" 在根HTML元素上。结果是一个标记为“Review stock”的按钮，它调用提供的处理程序。将主题设置为 dark 或者 hc 对于那些范围。

生成的示例屏幕标识它们的示例数据。工作流的本地存储不是生产数据库；提供数据、导航和持久性处理程序。保留的组件证据涵盖已命名的场景和主题，而不是您构建的每个应用程序。对于您自己的已交付组件的实现，请使用OODS Foundry的替代映射并检查其咨询契约报告。

限制

生成的应用锁定生成它们的OODS版本；要升级，请重新生成应用程序或将所有四个引脚移到一起。这些包与本地MCP服务器是分开的， @oods/foundry.

许可证

Apache License 2.0。看到 许可证 和 请注意． 生成的输出属于其用户；已安装的包依赖项保留其自己的许可证。