# ivy-ui

**Repository Path**: keyzf/ivy-ui

## Basic Information

- **Project Name**: ivy-ui
- **Description**: 符合Web Components规范的web组件库
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: main
- **Homepage**: https://ivy.jikun.dev
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2022-10-21
- **Last Updated**: 2022-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ivy-ui

符合 Web Components 规范的 web 组件库

## 使用须知

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

## 使用说明

### npm or yarn

```bash
npm i ivy-ui
yarn add ivy-ui
```

### script 引入

```html
<!--最新版-->
<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>
```

## 已有组件

- [x] `Row` 组件
- [x] `Col` 组件
- [x] `Switch` 组件
- [x] `Collapse` 组件
- [x] `CollapseItem` 组件
- [x] `Drawer` 组件
- [x] `Icon` 组件
- [x] `Progress` 组件
- [x] `Button` 组件
- [x] `card` 组件
- [x] `timeline` 组件
- [x] `divider` 组件
- [x] `Modal` 组件
- [x] `Rate` 组件
- [x] `tab` 组件
- [x] `tab-pane` 组件
- [x] `Image` 组件
- [x] `Tooltip` 组件
- [x] `Table` 组件
- [x] `Input` 组件
- [x] `Checkbox` 组件
- [x] `CheckboxGroup` 组件
- [x] `Radio` 组件
- [x] `RadioGroup` 组件
- [x] `Tag` 组件
- [x] `Clipboard-copy` 组件
- [x] `Badge` 组件

## 未完成组件

- [ ] `Message` 组件
- [ ] `Select` 组件
- [ ] `Slider` 组件
- [ ] `Pagination` 组件