# niubilityUI

**Repository Path**: YSisrich/niubilityUI

## Basic Information

- **Project Name**: niubilityUI
- **Description**: 🤣牛逼组件库--一款图标更齐全、更丰富的ui组件库，按钮增加动画效果，还包含qq表情包组件，以及带表情包的输入框组件，后期增加更多高效实用的组件。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://ysisrich.github.io/niubilityUI/
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-12-23
- **Last Updated**: 2022-09-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, vue-press, npm, GitHub, UI

## README

# niubility-ui

## 使用 npm 安装

```js
npm install niubility-ui -S
```

### 全局引入

```js
import niubilityUi from "niubility-ui";
import "niubility-ui/dist/niubility-ui.css";
Vue.use(niubilityUi);
```

### 按需引入

```js
import { Icon, Button } from "niubility-ui";
import "niubility-ui/dist/niubility-ui.css";
Vue.use(Icon);
Vue.use(Button);
```

### 示例

```js
<nb-button type="primary" circle>
  主要按钮
</nb-button>
```

### 文档地址

See [UI 文档](https://ysisrich.github.io/niubilityUI/).

### Github 地址

See [Github](https://github.com/ysisrich/niubilityUI/tree/master).

### Gitee 地址

See [Gitee](https://gitee.com/YSisrich/niubilityUI/tree/master).

### 文档展示:

![](https://cdn.jsdelivr.net/gh/ysisrich/Assets/niubility-ui/nb_1.png)

![](https://cdn.jsdelivr.net/gh/ysisrich/Assets/niubility-ui/nb_2.png)

![](https://cdn.jsdelivr.net/gh/ysisrich/Assets/niubility-ui/nb_3.png)

![](https://cdn.jsdelivr.net/gh/ysisrich/Assets/niubility-ui/nb_4.png)