Beaver UI组件库 精选

Beaver UI 是我打造的一个轻量、实用、可定制的前端 UI 组件库，基于React + TypeScript + tsup + Storybook 构建，支持现代前端开发的主流场景。

核心理念

• 简单好用：用最基础的 API 组合实现常见 UI 功能，学习成本低。
• 强类型安全：全量 TypeScript 类型定义，IDE 智能提示友好。
• 可定制主题：通过 CSS 变量轻松覆盖主题配色、radius、间距等样式。
• 可在实际项目中直接复用，兼容 React 主流构建方案（含 SSR/Next.js 细节说明）。

组件亮点

Beaver UI 包含 17+ 个常用 UI 组件，覆盖从基础交互到复杂反馈的需求：

基础组件

• Button：支持多种按钮类型和尺寸。
• Input / Select / Checkbox / Radio / Switch：表单基础控件，支持完整受控/非受控写法。
• DatePicker / Upload：日期选择及文件上传控件。

结构 & 布局

• Form / FormItem：表单容器与验证结构。
• Table：数据展示表格。
• Pagination：分页组件。

反馈 & 交互

• Alert / Toast 提示：状态提醒与消息反馈。
• Tooltip / Popconfirm：轻量交互提示。
• Modal / Drawer：模态框与抽屉式弹层。

storybook演示页面