1.0.25 • Published 3 years ago
tv-modal v1.0.25
This requires Nuxt.js with the Tailwind CSS module
Quick Setup
- Add the
nuxt-tailvue
dependency to your Nuxt.js project
npm install nuxt-tailvue
# OR
yarn add nuxt-tailvue
- Add
nuxt-tailvue
to themodules
section ofnuxt.config.js
{
modules: [
['nuxt-tailvue', {modal: true}],
]
}
- If you're using Purge, add this module to the content section of
tailwind.config.js
module.exports = {
content: [
'node_modules/tv-*/dist/tv-*.umd.min.js'
]
}
To use with Nuxt Windi CSS, add this module to your windi.config.js
import { defineConfig } from 'windicss/helpers'
export default defineConfig({
extract: {
include: ['node_modules/tv-*/dist/tv-*.umd.min.js'],
},
})
Usage
this.$modal.show({
type: 'danger',
title: 'This is the title property',
body: 'This is the body property. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eius aliquam laudantium explicabo pariatur iste dolorem animi vitae error totam.',
primary: {
label: 'Primary Action',
theme: 'red',
action: () => this.$toast.success('Primary Button clicked'),
},
secondary: {
label: 'Secondary Button',
theme: 'white',
action: () => this.$toast.info('Clicked Secondary'),
},
})
Options
type
String
- Optional, Default: info
- Acceptable: success, info, danger, warning
title
String
- Optional, Default: false
body
String
- Required
primary
Object
- Optional, Default: false
- Example: { label: 'Button Face', theme: 'indigo-light', action: () => console.log('clicked') }
secondary
Object
- Optional, Default: false
Example: { label: 'Button Face', theme: 'indigo-light', action: () => console.log('clicked') }
1.0.25
3 years ago
1.0.24
4 years ago
1.0.23
4 years ago
1.0.22
4 years ago
1.0.21
4 years ago
1.0.19
4 years ago
1.0.20
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago