Dropdown API Overview

Initialization

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

<!-- minimal configuration for initialization -->
<Dropdown>
  <!-- a component to put inside a dropdown -->
</Dropdown>

tip

Visit the Features Guide to learn more about the functionality of this layout element.

Dropdown Properties

align	Optional. Defines how the dropdown is aligned horizontally relative to the input field
autoFit	Optional. Defines whether a dropdown automatically fits to the width of the input
position	Optional. Defines the position of a dropdown relative to the input
width	Optional. Sets the width of a dropdown

Dropdown Events

cancel	Sets the function that closes a dropdown