Components > Modal

Name: NuxtStarterAI
Price: 169.00 USD
Rating: 4.8 (314 reviews)

YourLandingPageComponent.tsx

import Modal from "@/components/landing-components/Modal/Modal.vue";

If you want to display a modal on your landing page, we have one ready for you! Each modal is unique, so ours is flexible and easy to customize. Just update the content and style (such as its size) to match your needs and integrate it into your landing page components!

YourLandingPageComponent.vue

<template>
  ...
    <Modal v-model="isOpen" />
  ...
</template>

<script>
import { ref } from "vue";
const isOpen = ref<boolean>(false);

</script>

<style>
</style>