vue-mdc-adapter

Dependencies

Maintainers

Versions

109

Alerts

File Explorer

Advanced tools

License

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-mdc-adapter

Vue wrapper arround Material Components for the Web

0.4.0
Source
npm

Version published: 7 years ago

Weekly downloads: 238; decreased by-21.45%

Maintainers: 1

Weekly downloads

Created: 7 years ago

Source

Material Components for Vue

vue-mdc-adapter is an integration of Material Components for Vue.js which follows best practices recommended by Google: Using Foundations and Adapters

The project aims at trying to find the right balance between ease of use vs customization, while sticking to the Vue Spirit (approachable, versatile, performant,)

Quick Links

Project Status

The project is under active development. Focus is on known issues, validation and keeping up with MDC updates.
Do not hesitate to open an issues on GitHub or contact us on Gitter.

Each MDCWeb component is mapped to one vue plugin

Extra plugins

layout-app: provide a flex layout to simplify toolbar vs drawer positioning
icon : provide a material icon wrapper with support for font-awesome, svg, etc.

Quick Start

Playground

Fork the reference template or one of the vue-mdc-adapter collection

CDN

<head>
  <!-- import reset material icons, fonts and vue-mdc-adapter stylesheets -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" type="text/css">

  <!-- import vue and then vue-mdc-adapter -->
  <script src="https://unpkg.com/vue"></script>
  <script src="https://unpkg.com/vue-mdc-adapter"></script>
</head>
<body>
  <!-- vue mdc markup -->
<body>

Vue CLI

npm install -g vue-cli
vue init stasson/vue-mdc-adapter-simple my-project

Check the Getting Started guide for more.

Keywords

FAQs

What is vue-mdc-adapter?

Is vue-mdc-adapter popular?

Is vue-mdc-adapter well maintained?

Package last updated on 25 Nov 2017

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

vue-mdc-adapter