oncancel

Description

Fires on click outside the side area

Usage

oncancel?: () => void;

Example

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

    let sideAreaVisible = false;

    function openSideArea() {
        sideAreaVisible = true;
    }

    function closeSideArea() {
        sideAreaVisible = false;
    }

</script>

<div>
    <Button onclick={openSideArea}>Show Side Area</Button>
</div>

{#if sideAreaVisible}
    <SideArea oncancel={closeSideArea}>
        <!-- Some content -->
    </SideArea>
{/if}

Related article: Handling SideArea closing