UI 组件库

这是一套基于 React 和 TypeScript 构建的现代化 UI 组件库，旨在提供高质量、可访问、可定制的组件集合。

设计理念

• 可访问性优先：所有组件都遵循 WCAG 2.1 AA 标准
• 可定制性：支持主题定制、暗色模式、RTL 布局
• 性能优化：Tree-shaking 支持，按需加载
• 开发体验：完善的 TypeScript 类型支持

组件集合

目前已实现 40+ 个常用组件，包括：

• 基础组件：Button、Input、Select、Checkbox、Radio
• 布局组件：Grid、Flex、Container、Spacer
• 反馈组件：Alert、Toast、Modal、Drawer
• 数据展示：Table、Card、List、Timeline
• 导航组件：Tabs、Menu、Breadcrumb、Pagination

技术特点

使用 Tailwind CSS 作为样式基础，结合 CSS-in-JS 实现动态样式。通过 Storybook 提供交互式文档，使用 Jest 和 React Testing Library 保证组件质量。

使用方式

安装：npm install @example/ui-components

使用示例：

import { Button, Card } from '@example/ui-components'
import '@example/ui-components/styles.css'

function App() {
  return (
    <Card>
      <Button variant="primary" size="large">
        点击我
      </Button>
    </Card>
  )
}