https://github.com/skydiver/vue-tailwind-components
Tailwind CSS components for Vue.js
https://github.com/skydiver/vue-tailwind-components
component-library components tailwind tailwindcss vue vuejs
Last synced: 4 months ago
JSON representation
Tailwind CSS components for Vue.js
- Host: GitHub
- URL: https://github.com/skydiver/vue-tailwind-components
- Owner: skydiver
- License: mit
- Created: 2019-04-06T19:58:10.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T19:17:02.000Z (over 3 years ago)
- Last Synced: 2025-10-08T14:53:20.725Z (9 months ago)
- Topics: component-library, components, tailwind, tailwindcss, vue, vuejs
- Language: JavaScript
- Homepage: https://vue-tailwind-components.now.sh/
- Size: 3.05 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# vue-tailwind-components
> Tailwind CSS components for Vue.js
## Install
```
npm install --save vue-tailwind-components
```
## Usage
```
import Vue from 'vue';
import VueTailwindComponents from 'vue-tailwind-components';
Vue.use(VueTailwindComponents);
```
## Nuxt.js
1. create `plugins/vue-tailwind-components.js`
2. import component similar to **Usage** section
3. on `nuxt.config.js` add plugin to `plugins: ['~/plugins/vue-tailwind-components.js'],`
## Charts
To use charts components you need to install dependencies on your project:
```
npm install --save chart.js
npm install --save vue-chartjs
```
And load the component
```
import VueTailwindComponentsCharts from 'vue-tailwind-components/dist/charts'
Vue.use(VueTailwindComponentsCharts)
```