Skip to content
This repository was archived by the owner on Jun 10, 2023. It is now read-only.

posva/vue-mdc

ย 
ย 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

You're looking at the docs of an old project. The future version of vue mdl is vue-mdc ๐Ÿš€. More information at #139



Circle CI Codecov Coverage Downloads per month Stories in Ready

Latest npm release Gitter MIT License

Intro

Reusable Vue components using Material Design Lite for Vue 2. If you're using Vue 1, make sure to install the version 0.x. From version 1.x onwards, vue-mdl is compatible with Vue 2.

โ€ผ๏ธ vue-mdl relies on the last versions of vue and material design lite but does not include them. Make sure to have your modules up to date ๐Ÿ˜‰ and installed (Specially for MDL). Remember to remove the defer attribute in case you copy pasted the lines from MDL Doc ๐Ÿ˜‰. See #20.

Usage

import VueMdl from 'vue-mdl'
import Vue from 'vue'

Vue.use(VueMdl)

new Vue({
  el: '#app',
  data: {
    checked: false
  }
})
<mdl-checkbox :checked.sync='checked'>Checkbox</mdl-checkbox>

For more detailed usage about non es6 environments, check the documentation.

Documentation

The test/components directory has a lot of examples used for tests.

The documentation is available here Pull Requests and issues are welcome.

Build

This will build a distributable version in the dist directory.

npm run build

Test

You can run all the tests

npm test

Unit tests

npm run test:unit

Development

Run npm run dev and visit http://localhost:8080.

Create tests pages inside test/components. Add unit tests to test/unit/specs and modify test/unit/main.js to load the test.

You can also serve the tests pages without running the unit tests by running npm run dev:integration. This makes easy to actually see and manually test components.

Contributing

When contributing, make sure all tests pass. If you wrote a new feature or fixed a bug make sure to add the corresponding test.

Releasing

Releasing is done using the git flow model

  • Start a new release git flow release start x.x.x
  • Run npm run build
  • Bump package.json version
  • Commit the version. No more info needed
  • Run git flow release finish
  • Write the changelog in the tag notes
  • Push master and develop branches git push --all --follow-tags
  • Publish it to npm: npm publish

License

MIT

Copyright (c) 2016 Eduardo San Martin Morote

About

Material web components for Vue.js

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy