Skip to content

prolazydev/vue-m

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

38 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

vue-m βš’ WORK IN PROGRESS

npm npm license npm code with hearth by NHN Cloud

Introduction

vue-m is a Vue 3 UI component library designed to enhance the user interface of your Vue applications. It provides a collection of modern and responsive UI components that are easy to install and use.

Features

  • Modern and responsive UI components
  • Easy installation and usage
  • Built with Vue 3 and TypeScript
  • Highly customizable and flexible

Installation

You can install the vue-m package using npm or Yarn:

npm install vue-m

or

yarn add vue-m

Usage

To use the components from vue-m, register them in main.ts:

import { createApp } from 'vue';
import vueM from 'vue-m'; // Import the components
import 'vue-m/dist/vue-m.css'; // Import the styling (Optional)
import App from './App.vue';

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

Then use the components like this:

<template>
  <div>
      <m-btn text="Write here" color='success' /> <!-- color is 'primary by default' -->
      <!-- or -->
      <m-btn>
         <div>
            Custom element inside the button 
         </div>
      </m-btn>
  </div>
</template>

TODO

  • Create the todos :> Doing