ZvBackdrop
ZvBackdrop is a standalone component
INFO
Before you have to import the global css files in your project, follow instructions in Getting Started
Basic usage
vue
<template>
<ZvBackdrop v-model="backdropOpened" v-slot="{ close }">
<div class="flex flex-col flex-center gap-6">
<ZvButton color="white" @click="close"> Close Backdrop </ZvButton>
<h1 class="title-1 text-white">Or press "Escape" key</h1>
<h1 class="title-1 text-white">Or click on overlay</h1>
</div>
</ZvBackdrop>
</template>
<script lang="ts" setup>
import ZvBackdrop from '@zadigetvoltaire/ui/components/ZvBackdrop'
</script>