material-vue / material-vue

Vue 3 component library based on the Material 3 design system

Material Vue

UI components for each your new project, made according to m3 guidelines.

Installation

You can install Material Vue from NPM:

npm install @korpusovmax/material-vue

Setup project

After installation all you need to fast start is to add some lines to your index.js in vue project.

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
// import lib
import MaterialVue from '@korpusovmax/material-vue'
// import styles
import "@korpusovmax/material-vue/style.css"

const app = createApp(App)
// use as plugin
app.use(MaterialVue)

app.mount('#app')

material-vue's Issues

Buttons animating on clicks when disabled

All buttons reacting on click, even disabled. This bug demonstration anyone can see in documentation examples - components/buttons#disabled
Below the example: outlined disabled button ripples on click.