https://github.com/khalyomede/material-components-web-vue

Material design components for Vue.js.
https://github.com/khalyomede/material-components-web-vue

components material-design vuejs web

Last synced: 12 days ago
JSON representation

Material design components for Vue.js.

• Host: GitHub
• URL: https://github.com/khalyomede/material-components-web-vue
• Owner: khalyomede
• License: mit
• Created: 2019-08-10T10:37:30.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-04T06:52:31.000Z (over 3 years ago)
• Last Synced: 2025-09-01T09:59:20.741Z (10 months ago)
• Topics: components, material-design, vuejs, web
• Language: JavaScript
• Homepage: https://khalyomede.github.io/material-components-web-vue
• Size: 2.72 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Material components web vue

Material design components for Vue.js.

![npm](https://img.shields.io/npm/v/material-components-web-vue)

![npm (prod) dependency version](https://img.shields.io/npm/dependency-version/material-components-web-vue/material-components-web)

![NPM](https://img.shields.io/npm/l/material-components-web-vue)

![Snyk Vulnerabilities for npm package](https://img.shields.io/snyk/vulnerabilities/npm/material-components-web-vue)

```html

	


		

		

		


		Cancel

		Save

	


	import { MdcButton, MdcRadio } from "material-components-web-vue";

	export default {

		components: {

			MdcButton,

			MdcRadio

		}

	};

	@import "material-components-web-vue/lib/css/button";

	@import "material-components-web-vue/lib/css/radio";

```

## Summary

- [About](#about)

- [Installation](#installation)

- [Usage](#usage)

- [Documentation](https://khalyomede.github.io/material-components-web-vue)

- [Feature requests](#feature-requests)

## About

Use Vue.js compatible [material design web components](https://material-components.github.io/material-components-web-catalog/#/) in your web app, using Vue.js components and directive to let you get ready faster.

## Installation

Install the dependency

```bash

npm install --save-dev material-components-web-vue

```

## Usage

You can find the components in the [documentation page](https://khalyomede.github.io/material-components-web-vue). For each components, you will find instructions to copy into your `.vue` component, including the html, javascript, and scss code.

## Feature requests

If you need something to be changed, fixed, or added, just [open a new issue](https://github.com/khalyomede/material-components-web-vue/issues/new). Thank you for the time spent.