Výsuvný postranní panel

Vue.js komponenta pro výsuvný panel je animovaný vysouvací panel s možnostmi nastavení vlastního obsahu.

Použití v prohlížeči

Použití v 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>

 

Vytvořte si e-shop do 5 minut

Zkuste to. Je to zdarma.