Element: #158 Default (navigation/menu) What it shows: A dropdown menu of file actions with icons, a separator and a destructive Delete item, reporting the last action. When to use: Row or toolbar action menus offering several operations, with the dangerous one set apart. Spec: - `` with `{#snippet triggerChild(props)}` rendering `Open menu` - `File actions` then items Edit, Duplicate, Download - Each item has `{#snippet icon()}` with ``, ``, `` or `` - `` precedes ` import { DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, Button } from '@codeatlasdev/ui'; import { Edit2, Copy, Trash2, Download } from '@lucide/svelte'; let last = $state(''); {#snippet triggerChild(props)} Open menu {/snippet} File actions (last = 'Edit')}> {#snippet icon()}{/snippet} Edit (last = 'Duplicate')}> {#snippet icon()}{/snippet} Duplicate (last = 'Download')}> {#snippet icon()}{/snippet} Download (last = 'Delete')}> {#snippet icon()}{/snippet} Delete {#if last}Last action: {last}{/if}