nekoo_vue_swipemodal v2.0.4

nekoo_vue_swipemodal v2.x

WARNING!

• The latest version is 2.

  Note that the component names and available props are still different.

• New package name: @takuma-ru/vue-swipe-modal

  The name of this package has been changed! Install the package at the following link. @takuma-ru/vue-swipe-modal(New package link)

• End of Support.

  Version 2.0.5 and later will not be supported due to the above package transition. For 2.0.5 and later, please use @takuma-ru/vue-swpie-modal.

Description

Modal window that can be swiped to close.（Swipeable Bottom Sheet）

DEMO

https://vue-swipe-modal.vercel.app/

Getting Started

1. Install

npm i nekoo_vue_swipemodal

yarn add nekoo_vue_swipemodal

2. Come on, let's use it.

<template>
  <div>
    <button @click="modal = true">open</button>

    <swipe-modal
      v-model="modal"
      contents-height="80vh"
      contents-width="100%"
      border-top-radius="20px"
    >
      <h1>contents</h1>
    </swipe-modal>
  </div>
</template>

<script>
import swipeModal from 'nekoo_vue_swipemodal'
import 'nekoo_vue_swipemodal/dist/swipemodal.css'

export default {
  name: 'App',

  data() {
    return {
      modal: false
    }
  },

  components: {
    swipeModal
  }
}
</script>

Props

Modal General

Background

Modal