My React Component Library

一个现代化的 React 组件库，使用 TypeScript 构建。

安装

npm install my-react-component-library
# 或
yarn add my-react-component-library
# 或
pnpm add my-react-component-library

使用

import { Button, Card } from "my-react-component-library";

function App() {
  return (
    <Card title="示例卡片">
      <Button variant="primary" size="md">
        点击我
      </Button>
    </Card>
  );
}

组件

Button

按钮组件，支持多种样式和尺寸。

<Button variant="primary" size="md" onClick={() => console.log("clicked")}>
  按钮文本
</Button>

Props:

• variant: 'primary' | 'secondary' | 'outline'
• size: 'sm' | 'md' | 'lg'
• onClick: () => void
• disabled: boolean
• className: string

Card

卡片组件，用于展示内容。

<Card title="卡片标题" shadow="md">
  卡片内容
</Card>

Props:

• title: string (可选)
• shadow: 'sm' | 'md' | 'lg'
• className: string

开发

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建
npm run build

许可证

MIT