My React Component Library

一个基于 React 18 和 Ant Design 的组件库示例。

安装

npm install tsapp-ui

使用

基本使用

import React from 'react';
import { Button, Card } from 'tsapp-ui';

function App() {
  return (
    <div>
      <Card title="示例卡片">
        <Button type="primary">主要按钮</Button>
      </Card>
    </div>
  );
}

export default App;

按需引入

本组件库支持按需引入，仅引入需要的组件，减少打包体积。

// 只引入 Button 组件
import Button from 'tsapp-ui/dist/Button';

function MyButton() {
  return <Button type="primary">按需引入的按钮</Button>;
}

组件列表

• Button: 基于 Ant Design 的按钮组件
• Card: 基于 Ant Design 的卡片组件

组件文档

每个组件都有详细的文档说明，包括用法示例和API说明：

• Button 按钮
• Card 卡片

文档采用预览与代码结合的方式，方便开发者快速了解组件的使用方法。

构建

如果你想本地构建这个组件库:

npm run build

发布到 npm

1. 修改 package.json 中的版本号
2. 登录 npm: npm login
3. 发布: npm publish

许可证

MIT