@a-类型/ui

我个人用于构建React应用程序的UI组件库.

文档

浏览 文档和实例,或运行 pnpm storybook 当地.

对于编码代理商,文件也作为JSON at manifests/components.json 财务报告和审定财务报表 manifests/docs.json编辑 货包船 TanStack 意图 列名技能 组件,查看其文档,并用Arbor主题编写 CSS。 运行 npx @tanstack/intent install 在你的计划 指向你的经纪人 他们.

快开始

安装软件包及其对等依赖 :

pnpm add @a-type/ui @arbor-css/core @arbor-css/postcss react react-dom

图书馆的CSS使用 箭头 符号和混音符,所以您的构建必须运行Arbor PostCSS插件. 添加到 postcss.config.ts数字 :

import { ArborPlugin } from '@arbor-css/postcss';

export default { plugins: [ArborPlugin()] };

然后创建 arbor.config.ts 在工程根中配置主题 :

import { presetAtype } from '@a-type/ui/arbor';

export default presetAtype({ color: { mainColor: 'tomato', ranges: {} } });

导入样式表并包装您的应用程序到提供者 :

import '@a-type/ui/main.css';
import { Button, Provider } from '@a-type/ui';

function App() {
    return (
        <Provider manifestPath={false}>
            <Button>Get started</Button>
        </Provider>
    );
}

提供者包括图标,工具提示,土司等共享行为. 删除 manifestPath={false} 如果您想要它安装对话框来装入 /manifest.json。 。 。 .