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