JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q43329F
  • License MIT

Materialize.css components for Vue JS

Package Exports

  • @edge_blade/vue-materials

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@edge_blade/vue-materials) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue Materials

Downloads Version

Vue 2.0 and Materialize.css Components

Build Setup

# install
npm install @edge_blade/vue-materials

# import and use the plugin
import Vue from 'vue'
import Materials from '@edge_blade/vue-materials'

Vue.use(Materials)

Testing Changes

To test changes to this package add a /dev folder under the root directory and load the plugin from the /src, then mount a Vue instance to the app like in the example below.

# index.js
import Vue from 'vue'
import App from './App.vue'

import MVueComponents from '../src'

Vue.use(MVueComponents);

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

Then run the following command to boot webpack

# run
npm run dev

Documentation

Due to a change in the API and addition of new features I've also forked the documentation and began updating that to reflect changes. The docs are not hosted anywhere, but following the instructions should launch a local version of the docs to see usage and API guidelines. A major change in this version was switching alises of all components and directives to be pre-pended with 'm-' for components and directives with 'v-m-' to have the library stand out from the standard vue library. https://github.com/nick-beers/vue-materials-docs


Thank you to John Leider for providing the original sourcecode for the project.