oncancel

Description

Fires on click outside the side area

Usage

oncancel?: () => void;

Example

<script setup>
    import { ref } from "vue";
    import { Button, SideArea } from "@svar-ui/vue-core";

    const sideAreaVisible = ref(false);

    function openSideArea() {
        sideAreaVisible.value = true;
    }

    function closeSideArea() {
        sideAreaVisible.value = false;
    }
</script>

<template>
  <div>
      <Button :onclick="openSideArea">Show Side Area</Button>
  </div>

  <SideArea v-if="sideAreaVisible" :oncancel="closeSideArea">
      <!-- Some content -->
  </SideArea>
</template>

Related article: Handling SideArea closing