# ZipaperUI

**Repository Path**: handless-ui/ZipaperUI

## Basic Information

- **Project Name**: ZipaperUI
- **Description**: 为Zipaper开发的组件库
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-05-17
- **Last Updated**: 2025-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# [ZipaperUI](https://github.com/handless-ui/ZipaperUI)
为Zipaper开发的组件库

<p>
    <a href="https://zxl20070701.github.io/toolbox/#/npm-download?packages=zipaper-ui&interval=7">
        <img src="https://img.shields.io/npm/dm/zipaper-ui.svg" alt="downloads">
    </a>
    <a href="https://www.npmjs.com/package/zipaper-ui">
        <img src="https://img.shields.io/npm/v/zipaper-ui.svg" alt="Version">
    </a>
    <a href="https://github.com/handless-ui/ZipaperUI" target='_blank'>
        <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/handless-ui/ZipaperUI?style=social">
    </a>
</p>

<img src="https://nodei.co/npm/zipaper-ui.png?downloads=true&amp;downloadRank=true&amp;stars=true" alt="NPM">

## 如何使用？

```
npm install --save zipaper-ui
```

### 单独引入

```html
<script setup lang="ts">
import { UiSwitch } from "zipaper-ui"
</script>
```

或

```html
<script setup lang="ts">
import { UiSwitch } from "zipaper-ui/src/components/Switch/index"
</script>
```

最后，还需要引入样式文件：

```js
import "zipaper-ui/dist/index.css"
```

下面是具体的组件清单：

- [单选 RadioGroup、Radio](./docs/Radio.md)
- [多选 CheckGroup、Check](./docs/Check.md)
- [开关 Switch](./docs/Switch.md)

## 版权

MIT License

Copyright (c) [zxl20070701](https://zxl20070701.github.io/notebook/home.html) 走一步，再走一步