# Menu Accessible dropdown and context menus for actions and navigation. ```svelte Open Menu New File Open File Save Export ``` ## Grouped Items Use `ItemGroup` and `ItemGroupLabel` to organize menu items into logical sections. ```svelte View Options View Split View Fullscreen Appearance Change Theme Zoom ``` ## Context Menu Use `ContextTrigger` instead of `Trigger` to open the menu on right-click. ```svelte Right-click here Cut Copy Paste Delete ``` ## Nested Menu Use the `TriggerItem` component to create nested menus within a parent menu. ```svelte Open Menu New New Project New File New Folder Open File Save Export ``` ## Option Items Use `OptionItem` to create menu items that can be toggled on or off with checkbox or radio group like behavior. ```svelte Open Menu {#each sortOptions as item (item)} (sort = checked ? item.value : '')} value={item.value} > {item.label} {/each} {#each filterOptions as item (item)} (filters = checked ? [...filters, item.value] : filters.filter((x) => x !== item.value))} value={item.value} > {item.label} {/each} ``` ## Disabled Item Set the disabled prop to enable the disabled state. ```tsx Open Menu New File Open File Save Disabled ``` ## Anatomy Here's an overview of how the Menu component is structured in code: ```svelte ``` ## API Reference