https://github.com/matsp/material-components-vue

Material Design styled components for Vue.js
https://github.com/matsp/material-components-vue

material material-components-vue material-components-web material-design material-design-components mdc vue-components vuejs vuejs-components

Last synced: 3 months ago
JSON representation

Material Design styled components for Vue.js

• Host: GitHub
• URL: https://github.com/matsp/material-components-vue
• Owner: matsp
• License: mit
• Archived: true
• Created: 2017-08-25T16:48:42.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2020-08-26T00:00:50.000Z (about 4 years ago)
• Last Synced: 2024-04-30T23:21:39.912Z (6 months ago)
• Topics: material, material-components-vue, material-components-web, material-design, material-design-components, mdc, vue-components, vuejs, vuejs-components
• Language: Vue
• Homepage: https://matsp.github.io/material-components-vue
• Size: 9.91 MB
• Stars: 304
• Watchers: 13
• Forks: 44
• Open Issues: 41
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-material-design - material-components-vue - Updated Port of Material Design Components for the Web to Vuew (Vue / Frameworks)
• awesome-material-components - matsp/material-components-vue - Simple Vue.js wrapper, not using foundation classes. (Material Components Web (MDC Web) / MDC Web Framework Integrations)

README

        


  

    

  





  

  

  

  

  

  



# Material Components Vue

> Material Design styled components for Vue.js

Material-components-vue integrates the [mdc-web](https://github.com/material-components/material-components-web) (by google) vanilla components following the [simple approach](https://github.com/material-components/material-components-web/blob/master/docs/integrating-into-frameworks.md#the-simple-approach-wrapping-mdc-web-vanilla-components).

https://matsp.github.io/material-components-vue

## Development

This project is under active developement but I need any help you can provide. Due to a huge workload in my daily job I'am struggling with upgrading to the newest versions

of the upstream project: mdc-web.

## Links

* [Changelog](https://github.com/matsp/material-components-vue/blob/master/CHANGELOG.md)

* [Codepen CDN Example](https://codepen.io/matsp/pen/baxLOx)

* [Code of Conduct](https://github.com/matsp/material-components-vue/blob/master/CODE_OF_CONDUCT.md)

* [Contributing Guideline](https://github.com/matsp/material-components-vue/blob/master/CONTRIBUTING.md)

* [Docs](https://matsp.github.io/material-components-vue)

## Support

If you want to help feel free to submit issues or pull requests. Every information that help to stabilize and improve the library is welcome!

When you want to support me you can buy me a :coffee: here :+1:



## Features

* decoupled components

* implementing just the specs not more or less

* keep the components as simple as possible

* keep in sync with changes in the mdc-web repository

* user friendly component api

* SSR (Server Side Rendering) support

## Documentation

You will find a API documentation for each component in their corresponding component directory:

*components/[component]/README.md*

## Distributions

| Name | ECMA | Minimized |

|------|-----:|----------:|

| dist/[component]/index.js | 5 | no |

| dist/[component]/[component].min.js | 5 | yes |

All versions are provided as UMD modules.

| Name | Description |

|------|-----------|

| dist/[component]/[component].min.css | Minified component CSS |

| dist/[component]/styles.scss | Raw SASS styles of mdc-web |