A light library of components based on Tailwind Elements and Tailwind for Vuejs. Currently, there are more than 40 components including custom directives and icons utility.
- Now compatible with Tailwind v3
- Adding min width to date and time picker
- Adding selectable prop to button group
A package for Vue JS 3 is being develop here.
-
Install Tailwind. Follow this guide to do it.
-
Install the package from NPM:
npm install vue-tailwind-elements- Import in your main.js (or index.js) file and install it:
...
import VueTailwindElements from 'vue-tailwind-elements';
Vue.use(VueTailwindElements);
...- And add these lines to your tailwind.config.js file:
...
module.exports = {
content: [
'./node_modules/vue-tailwind-elements/**/*.{js,ts,vue}'
],
theme: {
extend: {},
},
plugins: [
require('vue-tailwind-elements/src/plugin'),
],
}
...Put the last configuration into a plugin file and the use it into the nuxt.config.js file like this:
...
plugins: [
{ src: '~/plugins/vue-tailwind-elements.js', mode: 'client' }
],
...This library is created by Aarón Montes.
Support me to improve and maintain this library
Want to contribute? Great!. Open a new PR here or a new issue here
MIT