/
Netrunners
/
Millenium_UI
Обзор
Документация
Войти
/
Netrunners
/
Millenium_UI
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
src/lib/components/common/Dropdown.svelte
46 строк
1 KB
Валерий Конюхов
first_commit
08 июл 2025, 22:20
08 июл 2025, 22:20
a4e8dc9
Код
Авторство
О чём код?
<script lang="ts"> import { DropdownMenu } from 'bits-ui'; import { createEventDispatcher } from 'svelte'; import { flyAndScale } from '$lib/utils/transitions'; export let show = false; export let side = 'bottom'; export let align = 'start'; const dispatch = createEventDispatcher(); </script> <DropdownMenu.Root bind:open={show} closeFocus={false} onOpenChange={(state) => { dispatch('change', state); }} typeahead={false} > <DropdownMenu.Trigger> <slot /> </DropdownMenu.Trigger> <slot name="content"> <DropdownMenu.Content class="w-full max-w-[130px] rounded-lg px-1 py-1.5 border border-gray-900 z-50 bg-gray-850 text-white" sideOffset={8} {side} {align} transition={flyAndScale} > <DropdownMenu.Item class="flex items-center px-3 py-2 text-sm font-medium"> <div class="flex items-center">Profile</div> </DropdownMenu.Item> <DropdownMenu.Item class="flex items-center px-3 py-2 text-sm font-medium"> <div class="flex items-center">Profile</div> </DropdownMenu.Item> <DropdownMenu.Item class="flex items-center px-3 py-2 text-sm font-medium"> <div class="flex items-center">Profile</div> </DropdownMenu.Item> </DropdownMenu.Content> </slot> </DropdownMenu.Root>