vue3-mui
TypeScript icon, indicating that this package has built-in type declarations

2.0.0-beta-12b • Public • Published

vue3-mui

Version Downloads Bundle Size License

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

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

Contributing

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

License

MIT

Package Sidebar

Install

npm i vue3-mui

Weekly Downloads

0

Version

2.0.0-beta-12b

License

MIT

Unpacked Size

438 kB

Total Files

90

Last publish

Collaborators

  • jcubegroup