Touch-friendly iOS-style Sheet Modal Component For Vue

Install & Download:

Description:

A simple Vue component to create mobile-first, iOS-inspired sheets in apps.

How to use it:

1. Install and import the iOS Sheet component.

import { SheetWrapper, pushSheet } from 'vue-ios-sheet'
import SheetDemo from './SheetDemo.vue'

2. Create a button to toggle the sheet.

<template>
  <SheetWrapper>
    <button
      @click="() => {
        pushSheet(SheetDemo)
      }"
    >
      Push Sheet
    </button>
  </SheetWrapper>
</template>

Preview: