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
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
2
3
4