Magic Modal

Package

@maas/vue-equipment/plugins

Last Changed

last month

A simple component and api to trigger modals from anywhere

Demo

source

Usage

import { MagicModalPlugin } from '@maas/vue-equipment/plugins'
import { createApp } from 'vue'

const app = createApp({})

app.use(MagicModalPlugin)

Modal

<template>
  <MagicModal id="magic-modal--demo">
    <div tabindex="1" />
  </MagicModal>
</template>

Trigger

<template>
  <button @click="open">Open</button>
</template>

<script setup>
  import { useMagicModal } from '@maas/vue-equipment/plugins'

  const modalApi = useMagicModal('magic-modal--demo')
  const { open } = modalApi
</script>