antd-colorful

<p align="center"> <a href="https://ant-design-colorful.github.io/ant-design-colorful/"> <img width="200" src="https://avatars1.githubusercontent.com/u/73024040?s=200&v=4"> </a> </p>

Usage no npm install needed!

<script type="module">
  import antdColorful from 'https://cdn.skypack.dev/antd-colorful';
</script>

README

ant-design-colorful

以 ant-design 为基础衍生的多彩组件

📒 预览

https://ant-design-colorful.github.io/ant-design-colorful/

✨ 特性

  • 📦 简单易用
  • 🌈 保持 ant-design 写法，对应 4.8.0
  • 🎨 绚丽多彩

📍 如何使用

安装

npm i antd-colorful
## or
yarn add antd-colorful

使用

import 'antd-colorful/index.css';

说明

  • 如果想在自己项目中引用，可查看 Demo 写法，建议单独查看代码引入单独样式。
  • 由于 特定属性 / 类型引起 css 变动而出现样式未生效或异常，建议采用 Demo 写法，或自行参照修正。
  • 正逐步构想并添加，如果你有好的想法和建议，欢迎 PR ~

📐 组件看板

  • Breadcrumb 面包屑
    • 多彩颜色
    • 组件结合
  • Button 按钮
    • 多彩背景
    • 涟漪效果
    • 交互效果
    • 键盘按键
    • 图标动画
  • Divider 分割线
    • 多彩颜色
    • 类型扩展
    • 多重展示
  • Pagination 分页
    • 多彩颜色
    • 简洁实心
    • 基础拼接
  • Radio 单选框
    • 多彩颜色
    • 交互效果

🖥 兼容环境

IE / Edge
IE / Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari		 Electron
Electron
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

LICENSE

MIT