# mint-ui

> Mobile UI elements for vue.js

Latest version **2.2.13** (published 2017-12-11) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: no vulnerabilities; popular repo.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.2.13 |
| Published | 2017-12-11 |
| First published | 2016-06-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 16435 |
| Author | elemefe |
| Maintainers | marchen, galenyuan, yi.yang |
| Keywords | component, vue, mobile, eleme |

## Links

- npm: https://www.npmjs.com/package/mint-ui
- Repository: https://github.com/ElemeFE/mint-ui
- Homepage: https://github.com/ElemeFE/mint-ui#readme
- Issues: https://github.com/ElemeFE/mint-ui/issues
- npm.io page: https://npm.io/package/mint-ui

## Dependencies (3)

- [raf.js](https://npm.io/package/raf.js.md) 0.0.4
- [vue-lazyload](https://npm.io/package/vue-lazyload.md) ^1.0.1
- [array-find-index](https://npm.io/package/array-find-index.md) ^1.0.2

## Recent versions

- 2.2.13 (latest) — 2017-12-11
- 1.0.2 (legacy) — 2016-11-14
- 2.0.0-rc.2 (next) — 2016-10-01
- 2.2.12 — 2017-11-30
- 2.2.11 — 2017-11-23
- 2.2.10 — 2017-11-08
- 2.2.9 — 2017-07-31
- 2.2.8 — 2017-07-30
- 2.2.7 — 2017-05-14
- 2.2.6 — 2017-05-07
- 2.2.5 — 2017-04-20
- 2.2.4 — 2017-04-20
- 2.2.3 — 2017-04-04
- 2.2.2 — 2017-03-27
- 2.2.1 — 2017-03-09
- … 50 more at https://npm.io/package/mint-ui/versions

## README

# Mint UI

[![Build Status](https://travis-ci.org/ElemeFE/mint-ui.svg?branch=master)](https://travis-ci.org/ElemeFE/mint-ui)
[![npm](https://img.shields.io/npm/v/mint-ui.svg?maxAge=3600)](https://www.npmjs.com/package/mint-ui)
[![NPM downloads](http://img.shields.io/npm/dm/mint-ui.svg)](https://npmjs.org/package/mint-ui)
![JS gzip size](http://img.badgesize.io/elemefe/mint-ui/master/lib/index.js.svg?compression=gzip&label=gzip%20size:%20JS)
![CSS gzip size](http://img.badgesize.io/elemefe/mint-ui/master/lib/style.css.svg?compression=gzip&label=gzip%20size:%20CSS)
[![Join the chat at https://gitter.im/ElemeFE/mint-ui](https://badges.gitter.im/ElemeFE/mint-ui.svg)](https://gitter.im/ElemeFE/mint-ui?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

> Mobile UI elements for **Vue 2.0**

- [Homepage](http://mint-ui.github.io)
- [Documentation](http://mint-ui.github.io/docs)

<a target='_blank' rel='nofollow' href='https://app.codesponsor.io/link/bD3dKbdDE2F7Ky9LUN1kjTFK/ElemeFE/mint-ui'>
  <img alt='Sponsor' width='888' height='68' src='https://app.codesponsor.io/embed/bD3dKbdDE2F7Ky9LUN1kjTFK/ElemeFE/mint-ui.svg' />
</a>

## Installation
```shell
npm i mint-ui -S

# for Vue 1.x
npm i mint-ui@1 -S
```

## Usage

Import all components.

```javascript
import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);
```

Or import specified component. (Use [babel-plugin-component](https://www.npmjs.com/package/babel-plugin-component))

```javascript
import { Cell, Checklist } from 'mint-ui';

Vue.component(Cell.name, Cell);
Vue.component(Checklist.name, Checklist);
```


Equals to

```javascript
import Vue from 'vue';
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';

Vue.use(Mint);

// import specified component

import MtRadio from 'mint-ui/lib/radio';
import 'mint-ui/lib/radio/style.css';

Vue.component(MtRadio.name, MtRadio);
```

## babel-plugin-component
- Auto import css file
- Modular import component

Installation
```shell
npm i babel-plugin-component -D
```

Usage

.babelrc
```json
{
  "plugins": ["other-plugin", ["component", [
    { "libraryName": "mint-ui", "style": true }
  ]]]
}
```

## CDN
RawGit

- https://cdn.rawgit.com/ElemeFE/mint-ui/master/lib/index.js
- https://cdn.rawgit.com/ElemeFE/mint-ui/master/lib/style.css

NPMCDN

- https://unpkg.com/mint-ui/lib/index.js
- https://unpkg.com/mint-ui/lib/style.css

## Development

```shell
npm run dev
```

## Contribution
Please make sure to read the [Contributing Guide](https://github.com/ElemeFE/mint-ui/blob/master/.github/CONTRIBUTING_en-us.md) before making a pull request.

## License
MIT

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