vue3-mui

vue3-mui

vue3-mui is a library of UI components specifically made with Vue.js 3 in mind, which adhere to the Google Material Design specification.

Installation and Usage

Install vue3-mui using npm or yarn:

npm install vue3-mui --save
yarn add vue3-mui

Import or require vue3-mui in your code:

import { createApp } from 'vue';
import App from './app.vue';
import vue3Mui from 'vue3-mui';

createApp(App)
    .use(vue3Mui)
    .mount('#app');

Or import individual components:

import { defineComponent } from 'vue';
import { uiButton, uiContainer } from 'vue3-mui';

export default defineComponent({
    components: {
        uiButton,
        uiContainer,
    }
});

Then use in your template:

<template>
    <ui-container>
        <ui-button>It works!</ui-button>
    </ui-container>
</template>

Components in dev

• Alert
• App
• App bar
• Avatar
• Breadcrumb
• Badge
• Banner
• Button
• Card
• Container
• Checkbox
• Chip
• Collapse
• Dialogs
• Divider
• Dropdown
• Hover
• Images
• Icon
• Input
• List
• Loading
• Main
• Navigation drawer
• Navbar
• Notification
• Number Input
• Pagination
• Popup
• Progress
• Radio
• Select
• Sidebar
• Slider
• Switch
• Table
• Tabs
• Textarea
• Tooltip
• Upload

Contributing

This project is in development, so all contributions are welcomed.

License

MIT