Skip to content

RealKai42/My_AntD

Repository files navigation

MyAntd Component Library

使用 React + TypeScript + Sass 打造的一套 Toy Component Library,主要目的为个人代码练习的组件库。


📸 在线演示

https://antd.kaiyi.cool/



📦 安装

npm install @kaiyi/my_antd --save
yarn add @kaiyi/my_antd

🔨 使用

// 引入样式文件
import '@kaiyi/my_antd/dist/index.css'

// 引入组件
import { Button } from '@kaiyi/my_antd'

✨ 组件介绍

  • 🌈 Useless 组件库,仅供代码练习和测试 (可能是少数开发者不建议使用的库
  • 📦 开箱即用,但有时不一定能用 (🐶
  • 🛡 使用 TypeScript 实现,提供完整的类型定义文件 (TS 自动生成的
  • ⚙️ 0.1 链路开发和设计工具体系 (也就图一乐
  • 🌍 强大的国际化语言支持,支持世界上使用人数最多的语言 (也就是中文
  • 🎨 深入所有细节的强大的主题定制能力 (你会 sass 就能自己改

上述介绍是参照 Ant Design 玩梗写的

⌨️ Storybook 操作说明

  • 使用 A 键可以调出 'Action' 和 'Controls',提供函数回调显示和组件属性实时修改
  • ⌥ + ← / → 切换 Story
  • ⌥ + ↑ / ↓ 切换 Component
  • F 切换全屏
  • / 使用搜索
  • 上方工具栏可查看 文档、放缩、修改背景、修改 Viewport 等操作