Installation


Pre Requisites


  • React installed
  • Tailwind CSS installed/integrated with your React project

To install the plugin run the following command


npm install @adiranids/react-tailwind


Don't forget to include stylings. You can include it globally in App.js/ts or locally in your component

import '@adiranids/react-tailwind/dist/style.css'

You can also use it as a CDN


<script src='https://unpkg.com/@adiranids/react-tailwind@1.0.4'></script>

If you are using CDN then you can include the styling as follows


<link rel='stylesheet' href='https://unpkg.com/@adiranids/react-tailwind@1.0.4/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" >

Click Me

</Button>
</template>
<script>

import {Button} from '@adiranids/vue3-tailwind'
export default{
  components:{ Button }
}

</script>



Copyright © 2021 Adirani Digital Solutions Ltd