1. vue-material-input
Simple implementation of Material Input with no dependencies
vue-material-input
Package: vue-material-input
Created by: wemake-services
Last modified: Tue, 28 Jun 2022 19:52:31 GMT
Version: 1.2.0
License: MIT
Downloads: 47
Repository: https://github.com/wemake-services/vue-material-input

Install

npm install vue-material-input
yarn add vue-material-input

vue-material-input

Build Status Coverage Status

Simple implementation of Material Input with no dependencies.

Showcase

Showcase

Installation

 npm install vue-material-input

Usage

Example with v-model:

 import Vue from 'Vue'
import MaterialInput from 'vue-material-input'

const vm = new Vue({
  el: '#app', // note that `#app` must be presented in the html
  template: (
    '<form><p>Hello, {{ username }}</p>' +
      '<MaterialInput name="name" v-model="username">Your name</MaterialInput>' +
    '</form>'
  ),
  data () {
    return {
      username: 'admin'
    }
  },
  components: {
    MaterialInput
  }
})

For more examples, please check /play folder and the project's website.

Dependencies

autoprefixer: ^6.4.0babel-core: ^6.18.0babel-eslint: ^7.0.0babel-loader: ^6.2.7babel-plugin-transform-runtime: ^6.15.0babel-polyfill: ^6.16.0babel-preset-es2015: ^6.18.0babel-preset-stage-2: ^6.0.0babel-register: ^6.0.0babel-runtime: 5chai: ^3.5.0connect-history-api-fallback: ^1.1.0coveralls: ^2.11.14cross-spawn: ^4.0.2css-loader: ^0.25.0eslint: ^3.7.1eslint-config-standard: ^6.1.0eslint-friendly-formatter: ^2.0.5eslint-loader: ^1.5.0eslint-plugin-html: ^1.3.0eslint-plugin-promise: ^2.0.1eslint-plugin-standard: ^2.0.1eventsource-polyfill: ^0.9.6extract-text-webpack-plugin: ^1.0.1file-loader: ^0.9.0function-bind: ^1.0.2gh-pages: ^0.11.0html-webpack-plugin: ^2.8.1http-proxy-middleware: ^0.17.2humane-js: ^3.2.2inject-loader: ^2.0.1isparta-loader: ^2.0.0js-cookie: ^2.1.3json-loader: ^0.5.4karma: ^1.3.0karma-coverage: ^1.1.1karma-coveralls: ^1.1.2karma-mocha: ^1.2.0karma-phantomjs-launcher: ^1.0.0karma-sinon-chai: ^1.2.0karma-sourcemap-loader: ^0.3.7karma-spec-reporter: 0.0.26karma-webpack: ^1.7.0lolex: ^1.4.0mocha: ^3.1.0mocha-lcov-reporter: ^1.2.0node-sass: ^3.10.1nsp: ^2.6.2opn: ^4.0.2ora: ^0.3.0phantomjs-prebuilt: ^2.1.3publish-please: ^2.2.0raw-loader: ^0.5.1sass-loader: ^4.0.2selenium-server: 2.53.1sinon: ^1.17.3sinon-chai: ^2.8.0url-loader: ^0.5.7vee-validate: nextvue: 2.0.5vue-hot-reload-api: ^2.0.6vue-html-loader: ^1.2.3vue-loader: ^9.7.0vue-play: 2.1.0vue-play-cli: ^1.0.3vue-router: ^2.0.1vue-style-loader: ^1.0.0vue-template-compiler: ^2.0.5vueify: ^9.2.4vueify-insert-css: ^1.0.0webpack: ^1.13.3webpack-dev-middleware: ^1.8.3webpack-hot-middleware: ^2.12.2webpack-merge: ^0.14.1

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin