0.5.3 • Published 2 years ago
vue-customizable-tailwind-modal v0.5.3
VUE JS CUSTOMİZABLE TAILWIND MODAL
customizable tailwind modal is a vue.js library.
Installation
Use the package manager npm to install .
npm i vue-customizable-tailwind-modal
Usage
import modal from vue-customizable-tailwind-modal
componentes:{
modal
},
<modal
@closed="this event is modal closed trigger"
@opened="this event is modal opened trigger"
toggleBtnClass="w-full rounded p-2"
containerClass="w-6/12 shadow h-80 bg-gray-200 relative rounded"
title="Modal title"
headerContainerClass="flex justify-between card-header p-4 border-b border-opacity-50 border-black"
closeBtnClass="w-6 h-6 text-black"
bodyContainerClass="p-4"
footerClass=""
>
<template v-slot:open-btn-slot>
Open Modal
</template>
<template v-slot:header>
<div :class="headerContainerClass">
<h5>{{ title }}</h5>
<button @click="closeModal(true)" :class="closeBtnClass">X</button>
</div>
</template>
modal content detail
<template v-slot:footer>
Open Modal
</template>
</modal>
Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.
License
0.5.3
2 years ago
0.5.2
2 years ago
0.4.9
2 years ago
0.4.8
2 years ago
0.4.5
2 years ago
0.4.4
2 years ago
0.4.7
2 years ago
0.4.6
2 years ago
0.5.0
2 years ago
0.5.1
2 years ago
0.4.3
2 years ago
0.4.2
2 years ago
0.4.1
2 years ago
0.4.0
2 years ago
0.3.9
2 years ago
0.3.8
2 years ago
0.3.7
2 years ago
0.3.6
2 years ago
0.3.5
2 years ago
0.3.4
2 years ago
0.3.3
2 years ago
0.3.2
2 years ago
0.3.1
2 years ago
0.3.0
2 years ago
0.2.0
2 years ago