cancel

Description

sets the function that closes a dropdown

Type

function

Example

<script>
    import { Dropdown, Calendar, Text} from "wx-svelte-core";

    let popup;

    function cancel() {
        popup = false;
    }
</script>

<div class="datepicker" on:click={() => (popup = true)} >
    <Text />

{#if popup }
    <Dropdown {cancel} position={"top"} >
        <Calendar value={new Date(2023, 2, 15)} />
    </Dropdown>
{/if}
</div>

<style>
    .datepicker {
        position: relative;
        width: 300px;
    }

</style>

Related article: Showing/hiding Dropdown