mirror of
https://seed.radicle.dev/rad:z4D5UCArafTzTQpDZNQRuqswh3ury.git
synced 2026-11-14 07:30:35 +08:00
30 lines
630 B
Svelte
30 lines
630 B
Svelte
<script lang="ts" generics="T">
|
|
export let items: T[];
|
|
export let styleDropdownMinWidth: string | undefined = undefined;
|
|
</script>
|
|
|
|
<style>
|
|
.dropdown {
|
|
align-items: center;
|
|
border-radius: var(--border-radius-small);
|
|
max-height: 60vh;
|
|
overflow-y: auto;
|
|
}
|
|
.dropdown-item {
|
|
padding: 2px;
|
|
font-size: var(--font-size-small);
|
|
}
|
|
</style>
|
|
|
|
<div class="dropdown" style:min-width={styleDropdownMinWidth}>
|
|
{#each items as item}
|
|
<div class="dropdown-item">
|
|
<slot name="item" {item} />
|
|
</div>
|
|
{:else}
|
|
<div class="dropdown-item">
|
|
<slot name="empty" />
|
|
</div>
|
|
{/each}
|
|
</div>
|