Touch-friendly iOS-style Sheet Modal Component For Vue

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:

Touch-friendly iOS-style Sheet Modal Component For Vue

Download Details:

Author: Jannchie

Live Demo: https://vue-ios-sheet.vercel.app/

Download Link: https://github.com/Jannchie/vue-ios-sheet/archive/refs/heads/main.zip

Official Website: https://vue-ios-sheet.vercel.app/

Install & Download:

Tags:,

Add Comment