Dropdown Menu
A fantasy-themed dropdown menu with Warcraft-styled borders. Close by clicking outside or pressing Escape.
Standard
With Shortcuts
Usage
<script>
import {
DropdownMenu, DropdownMenuTrigger,
DropdownMenuContent, DropdownMenuItem,
DropdownMenuLabel, DropdownMenuSeparator
} from 'warcraftcn-ui-svelte';
</script>
<DropdownMenu>
<DropdownMenuTrigger>
<Button>Open Menu</Button>
</DropdownMenuTrigger>
<DropdownMenuContent>
<DropdownMenuLabel>Actions</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem>New Game</DropdownMenuItem>
<DropdownMenuItem disabled>Locked</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>Props
DropdownMenu
| Prop | Type | Default |
|---|---|---|
| class | string | "" |
DropdownMenuItem
| Prop | Type | Default |
|---|---|---|
| disabled | boolean | false |