@flabbergasted-ai /反应

React 19组件用于平静的、数据密集的应用程序接口。包 包含桌面组件库和一个单独的触摸优先移动设备 入口点。

安装

pnpm add @flabbergasted-ai/react @flabbergasted-ai/tokens

React和React DOM是对等依赖关系。之后再导入一次令牌CSS 并将包输出包含在Tailwind的源扫描中：

@import "tailwindcss";
@import "@flabbergasted-ai/tokens/css";
@source '../node_modules/@flabbergasted-ai/react/dist';

使用

"use client";

import { Button, Card, CardBody, CardTitle } from "@flabbergasted-ai/react";

export function Example() {
  return (
    <Card>
      <CardTitle>Deployment ready</CardTitle>
      <CardBody>
        <Button>Review changes</Button>
      </CardBody>
    </Card>
  );
}

主题、调色板和字体大小初始化脚本可通过 theme-script， palette-script 和 font-size-script 子路径的出口。

触摸优先组件单独提供：

import { MobileShell, TabBar } from "@flabbergasted-ai/react/mobile";

开发

运行 pnpm --filter @flabbergasted-ai/react test 对于包测试，或 pnpm verify 在提交更改之前从存储库根目录获取。

许可证

在麻省理工学院许可下许可。看到 许可证 获取详细信息。