Installation
Pre Requisites
- Vue 3 installed
- Tailwind CSS installed/integrated
To install the plugin run the following command
npm install @adiranids/vue3-tailwind
Don't forget to include stylings. You can include it globally in main.js/ts or locally in your component
import '@adiranids/vue3-tailwind/dist/style.css'
You can also use it as a CDN
<script src='https://unpkg.com/@adiranids/vue3-tailwind@1.0.7'></script>
If you are using CDN then you can include the styling as follows
<link rel='stylesheet' href='https://unpkg.com/@adiranids/vue3-tailwind@1.0.7/dist/style.css'></link>
Usage
Super simple usage, just import the component and customise it as you like by adding extra css classes
<template>
<Button @click="clickme" buttonType="primary" >
</template>
<script>
<Button @click="clickme" buttonType="primary" >
Click Me
</Button></template>
<script>
import {Button} from '@adiranids/vue3-tailwind'
export default{
components:{ Button }
}
</script>
Copyright © 2021 Adirani Digital Solutions Ltd