https://github.com/mesqueeb/quasar-app-extension-swipe-to-close

A Quasar extension that allows you to close dialogs by swiping.
https://github.com/mesqueeb/quasar-app-extension-swipe-to-close

Last synced: 12 days ago
JSON representation

A Quasar extension that allows you to close dialogs by swiping.

• Host: GitHub
• URL: https://github.com/mesqueeb/quasar-app-extension-swipe-to-close
• Owner: mesqueeb
• License: mit
• Archived: true
• Created: 2019-03-29T02:57:21.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2021-03-08T03:20:00.000Z (over 3 years ago)
• Last Synced: 2024-05-18T22:07:12.326Z (6 months ago)
• Language: Vue
• Homepage:
• Size: 4.94 MB
• Stars: 29
• Watchers: 3
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# Quasar extension: Swipe to close ⛸

> ARCHIVED:

> When I need similar functionality again in the future I will

> recreate a new project that is framework agnostic.

A Quasar extension that allows you to close dialogs by swiping.

### My extensions

- [swipe-to-close](https://github.com/mesqueeb/quasar-app-extension-swipe-to-close)  ⛸

- [draggable](https://github.com/mesqueeb/quasar-app-extension-draggable) 🚡

### Installation

```

quasar ext add swipe-to-close

```

### Demo

- [live demo](https://quasar-app-extension-swipe-to-close.netlify.com/)

- [demo github repository](https://github.com/mesqueeb/quasar-app-extension-swipe-to-close-demo)

**GIF** (might take a while to load...)

![gif](https://github.com/mesqueeb/quasar-app-extension-swipe-to-close/blob/media/swipe-to-scroll.gif)

### Usage

You just have to wrap your q-dialog contents inside a `q-swipe-to-close` component with the same v-model as the q-dialog.

```html

  Show dialog

  

  

    

    

      
I'm a swipable dialog!

    

  


export default {

  data () {

    return { showDialog: false }

  }

}

```

> Please note currently it only supports `position="bottom"` or no position.

If there's interest for other dialog positions and swipe directions, **let me know in an issue!**