Need help with mint-ui?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ElemeFE
16.1K Stars 3.5K Forks MIT License 304 Commits 297 Opened issues

Description

Mobile UI elements for Vue.js

Services available

!
?

Need anything else?

Contributors list

No Data

Mint UI

Build Status npm NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/ElemeFE/mint-ui

Mobile UI elements for Vue 2.0

Installation

npm i mint-ui -S

for Vue 1.x

npm i [email protected] -S

Usage

Import all components.

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)

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

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

Equals to

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

npm run dev

Contribution

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

License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.