Mint UI

!JS gzip size
!CSS gzip size

> Mobile UI elements for Vue 2.0

- Homepage
- Documentation

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)

`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

NPMCDN

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

Development

`shell
npm run dev
``

Contribution

Please make sure to read the Contributing Guide before making a pull request.

License

MIT