Magic UI - Tailwind + Vue 2

Installing the library

** node <= 16 **

    ## npm i magicuicore@latest
    
    ## yarn add magicuicore@latest

1. Name Conventions

   1. Every Component Name Starts From J. Eg: Button -> JButton.

   2. index.js is the main entry file for all components.

How To Use Magic UI in your Project ?

<template>
    <j-button>Button Component Rendered</j-button>
</template>

<script>
import {JButton} from "magicuicore"
    export default {
        name: 'j-button'
    }
</script>

Import the CSS in the top level of your vue project.

import "magicuicore/dist/styles.css"

Pendig Things

1. Dynamic Theming

How To Contribute

1. Create a branch name based on the components name: Eg: "jbutton"
2. create merge request and ask for review
3. For any change i particular component make branch name with including the features needed to be added. Eg: "JButton" -> "jbutton-padding"