Aha Components

一个现代化的 React 组件库，支持按需加载和 Tree Shaking。

✨ 特性

• 🎨 现代化设计 - 基于 Tailwind CSS 的现代 UI 设计
• 📦 按需加载 - 支持 Tree Shaking，只打包使用的组件
• 🎯 TypeScript - 完整的 TypeScript 类型定义
• 📚 Storybook - 完整的组件文档和示例
• 🧪 测试覆盖 - Jest 测试框架
• 🚀 快速开发 - 自动化组件生成脚本

📦 安装

npm install aha-components
# 或
yarn add aha-components
# 或
pnpm add aha-components

🚀 快速开始

import React from 'react';
import { Button, Alert } from 'aha-components';

function App() {
  return (
    <div className="p-4">
      <Button variant="primary" size="large">
        点击我
      </Button>
      
      <Alert type="success" title="title" description="description" />
    </div>
  );
}

📚 按需加载

方法一：使用 ES6 导入（推荐）

// 只导入需要的组件
import { Button } from 'aha-components';

方法二：使用 CommonJS 导入

const { Button } = require('aha-components');

🎯 TypeScript 支持

所有组件都包含完整的 TypeScript 类型定义：

import { Button } from 'aha-components';

interface ButtonProps {
  variant?: 'primary' | 'secondary' | 'outline';
  size?: 'small' | 'medium' | 'large';
  disabled?: boolean;
  children: React.ReactNode;
  onClick?: () => void;
  className?: string;
}

📖 文档

• 组件文档 - 完整的组件文档和示例

📝 许可证

本项目基于 MIT 许可证开源 - 查看 LICENSE 文件了解详情。

🔄 更新日志

查看 CHANGELOG.md 了解版本更新历史。