Dialog

Apicart Vue.js Dialog component is an animated dialog with multiple slots to configure.

Usage in browser

Usage in Node.js

<template>
  <div>
    <apicart-dialog>
      My content
    </apicart-dialog>
    <apicart-dialog>
      <div slot="header">Header</div>
      <div slot="body">Body</div>
      <div slot="footer">Footer</div>
    </apicart-dialog>
    <apicart-dialog showTopCloseButton="true" closeOnBgClick="false">
      <div slot="body">Body</div>
      <div slot="footer-buttons">Content in the buttons slot</div>
    </apicart-dialog>
  </div>
</template>

<script>
import { ApicartDialog } from '@apicart/vue-components/lib';

export default {
  components: {
    ApicartDialog
  }
}
</script>

 

Create E-commerce in 5 minutes

Try it. It is for free.