https://github.com/mediv0/xmodal

🚀 A simplistic, ⚡ lightweight (5kb gzipped) and easy to use wrapper around your components that will help you create custom and dynamic modals, from your components
https://github.com/mediv0/xmodal

codesandbox demo javascript nuxt nuxtjs vue vuejs

Last synced: about 1 year ago
JSON representation

🚀 A simplistic, ⚡ lightweight (5kb gzipped) and easy to use wrapper around your components that will help you create custom and dynamic modals, from your components

• Host: GitHub
• URL: https://github.com/mediv0/xmodal
• Owner: mediv0
• License: mit
• Created: 2020-04-06T21:45:15.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-08T02:05:46.000Z (over 3 years ago)
• Last Synced: 2025-04-07T00:51:17.828Z (about 1 year ago)
• Topics: codesandbox, demo, javascript, nuxt, nuxtjs, vue, vuejs
• Language: Vue
• Homepage: https://xeniac.ir/github/xmodal
• Size: 1.76 MB
• Stars: 70
• Watchers: 0
• Forks: 5
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# ⚠️

#### I won't maintain this package anymore. but you still can use it for training purposes and in small/medium scale projects

I will be working on a more robust and better version of xmodal and we will release it in the future.

--------------------



![](https://i.imgur.com/WguzBpv.gif)

[![npm version](https://badge.fury.io/js/xmodal-vue.svg)](https://badge.fury.io/js/xmodal-vue)

[![npm](https://img.shields.io/npm/dm/xmodal-vue.svg)](https://www.npmjs.com/package/xmodal-vue)

[![npm](https://img.shields.io/npm/dt/xmodal-vue.svg)](https://www.npmjs.com/package/xmodal-vue)

------------

# 🎉 Xmodal-Vue 




[demo](https://xeniac.ir/github/xmodal "demo")

[codesandbox](https://codesandbox.io/s/shy-bird-1jjb3?file=/src/App.vue "codesandbox")

==================================

## get rid of those ugly 💩 predefined modals

xmodal will let you define custom components and show them as modal. **YOUR APP YOUR RULES!** - too simple and easy



This little component comes with customization tools that will make your life a little bit easier.

------------

# [documentation](https://mediv0.github.io/xmodal/#/) 

------------

## Contributing

This project is open to and encourages contributions! Feel free to discuss any bug fixes/features in the [issues](https://github.com/XeniacDev/xmodal/issues). If you wish to work on this project:

1.  [Fork the project](https://github.com/XeniacDev/xmodal/archive/master.zip)

2.  Create your feature branch (`git checkout -b new-feature-branch`)

3.  Commit your changes (`git commit -am 'add new feature'`)

4.  Push to the branch (`git push origin new-feature-branch`)

5.  [Submit a pull request!](https://github.com/XeniacDev/xmodal/pulls)

## contributors 🍰 

[![William Gates](https://avatars1.githubusercontent.com/u/50080886?s=96&v=4")](https://github.com/WilliamGates99 "William Gates")

------------

## License 📄

This project is licensed under the MIT License - see the LICENSE file for details.