autoFit

Description

defines whether a dropdown automatically fits to the width of the input

Type

boolean

Default value

true

Example

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

    let popup;

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

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

{#if popup }
    <Dropdown autoFit={false}>
        <Calendar value={new Date(2023, 2, 15)} />
    </Dropdown>
{/if}

Related article: Positioning and aligning Dropdown