arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(CommandPalette): add footer slot (#4457)

Browse Source 
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
This commit is contained in:
Hugo Richard
2025-07-07 12:01:26 +02:00
committed by GitHub
parent 9ab184cc24
commit 63730d684b
8 changed files with 241 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
playground/app/pages/components/command-palette.vue
View File

@@ -166,7 +166,27 @@ defineShortcuts({
multiple
class="sm:max-h-80"
@update:model-value="onSelect"
/>
>
<template #footer>
<div class="flex items-center justify-between gap-2">
<UIcon name="i-simple-icons-nuxtdotjs" class="size-5 text-dimmed ml-1" />
<div class="flex items-center gap-1">
<UButton color="neutral" variant="ghost" label="Open Command" class="text-dimmed" size="xs">
<template #trailing>
<UKbd value="enter" />
</template>
</UButton>
<USeparator orientation="vertical" class="h-4" />
<UButton color="neutral" variant="ghost" label="Actions" class="text-dimmed" size="xs">
<template #trailing>
<UKbd value="meta" />
<UKbd value="k" />
</template>
</UButton>
</div>
</div>
</template>
</UCommandPalette>
</DefineTemplate>
<div class="flex-1 flex flex-col gap-12 w-full max-w-lg">