nano-design
v1.0.1
Published
基于 react 的UI集
Downloads
3
Readme
nano-design
基于 React
的 UI 组件集。
当你使用时,你会发现
props
和ant design
很相似,没错的!它大部分都是参考ant design
进行开发,不可否认antd
真的很优秀。 不过也会有一点行为与它不一致。比如Tabs
的centered
。因为都是曾经在业务上封装过的组件,所有有带点业务性。
TODO 后面有空补上 案例代码
⭕ 概要
如果你需要的是一个 UI 组件库,快速使用现成组件,这并不适合你,这里推荐你使用 ant design。
它的一开始设计并非针对对UI组件库有强需求的人群,它更适合你项目中需要一个通用的定制组件,但又没必要安装整一个UI库(如只用组件库一两个组件时);或当做一个内部的UI组件库的基建组件(二次开发)。
虽然此项目打包为
lib
模式,但显然目前是不适合当做依赖在项目中使用。不排除往后可能制作为一个UI组件库。
✨ 特性
- 低依赖开发组件,开箱即用或迁移简单。
- 组件设计简单,上手定制快速。
- 使用 TypeScript 开发,拥有类型定义文件。
- 拥有简单的定制能力。
📦 基本依赖
- react 18.x
- TypeScript
- classnames
- react-svgr
使用
- 第一种:当做依赖安装使用(不建议)
- 第二种:选择你需要的组件
copy
到项目中即可。
基本所需文件全都包含在
components/**
中。 注意:样式定制文件在components/style
,可以修改为自己样式前缀等。