IvyUI

是一套使用原生 Web Components 规范开发的跨框架UI组件库。

快速开始

跨框架

无论是react、vue还是原生项目均可使用。

组件化

shadow dom真正意义上实现了样式和功能的组件化。

类原生

一个组件就像使用一个div标签一样。

无依赖

纯原生,无需任何预处理器编译。

提示

所有组件的使用方式都和原生方式一致(获取元素的属性...)
自定义事件(非原生事件)都需要使用addEventListener来绑定

使用说明

npm or yarn

npm i ivy-ui
#OR
yarn add ivy-ui
#OR
pnpm add ivy-ui
1
2
3
4
5

script 引入

<!--最新版-->
<script type="module" src="//cdn.jsdelivr.net/npm/ivy-ui"></script>
<!--指定版本号-->
<script type="module" src="//cdn.jsdelivr.net/npm/ivy-ui@0.4.0"></script>
1
2
3
4
Last Updated: 12/5/2021, 8:41:30 AM
Contributors: GuoJiKun