[](https://www.npmjs.com/package/tv-button)
[](https://nuxtjs.org)
[](https://www.npmjs.com/package/tv-button)
[](https://www.npmjs.com/package-tv-button)
> This requires [Nuxt.js](https://nuxtjs.org) with the [Tailwind CSS](https://tailwindcss.nuxtjs.org) module
## Quick Setup
1. Add the `nuxt-tailvue` dependency to your Nuxt.js project
```bash
npm install nuxt-tailvue
# OR
yarn add nuxt-tailvue
```
2. Add `button` to the `modules` section of `nuxt.config.js`
```js
{
modules: [
['nuxt-tailvue', {button: true}],
]
}
```
3. If you're using [Purge](https://tailwindcss.com/docs/controlling-file-size), add this module to the content section of `tailwind.config.js`
```js
module.exports = {
content: [
'node_modules/tv-*/dist/tv-*.umd.min.js',
}
```
## Features
### ButtonGroup component
- Works with themes
```html
left
middle
right
```
### Combine with [tv-icon](https://github.com/acidjazz/tv-icon)
```html
Pair with Icons
```
### Use as a nuxt-link
- Button turns into a [](https://nuxtjs.org/api/components-nuxt-link/) for proper navigation
```html
About Us
```