# len-ui

> An easy UI components based on Vue.

Latest version **0.1.3** (published 2020-06-24) · 0 weekly downloads

## Install

```sh
npm install len-ui
pnpm add len-ui
yarn add len-ui
bun add len-ui
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.3 |
| Published | 2020-06-24 |
| First published | 2020-06-21 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 494.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | BailenChen |
| Maintainers | bailenchen |

## Links

- npm: https://www.npmjs.com/package/len-ui
- npm.io page: https://npm.io/package/len-ui

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5

## Recent versions

- 0.1.3 (latest) — 2020-06-24
- 0.1.0 — 2020-06-21

## README

<h1 align="center">
  <a href="https://bailenchen.github.io/len-ui">Len UI</a>
</h1>

<div align="center">

An easy UI components based on Vue.

![](https://img.shields.io/badge/language-JavaScript-yellow.svg)
![](https://img.shields.io/badge/license-MIT-000000.svg)

</div>

<p align="center">
    <img width="200" src="https://bailenchen.github.io/len-ui/logo.png">
  </a>
</p>

Len UI 是一个小型的 UI 框架，提供了一些常用组件，适合桌面端使用。

组件：

- Button 按钮
- Checkbox 多选框
- Collapse 折叠面板
- Dialog 对话框
- Form 表单
- Input 输入框
- Radio 单选框
- Switch 开关
- Tab 标签页
- Tooltip 文字提示
- Message 消息提示

## 介绍

这是为 Vue 打造的一个 轻量级 UI 框架，参考了 ELement 进行实现。

## 快速上手

### 安装 Len UI

```
npm install len-ui
```

或者

```
yarn add len-ui
```

### 引入 Len UI

在 main.js 中写入以下内容：

```Javascript
import Vue from 'vue';
import { Button } from 'len-ui'
import 'len-ui/dist/len-ui.css'
import App from './App.vue';

Vue.component(Button.name, Button);

new Vue({
  el: '#app',
  render: h => h(App)
});
```

### 开始使用

至此，一个基于 Vue 和 Len UI 的开发环境已经搭建完毕，现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档。

## 文档

[官方文档](https://bailenchen.github.io/len-ui/)

## 提问

[Issues](https://github.com/BaiLenChen/len-ui/issues)

## 贡献代码

[Pull request](https://github.com/BaiLenChen/len-ui/pulls)

## 联系方式

Email: bailenchen@126.com

---
_Source: https://npm.io/package/len-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._