Dropdown Menu ​

Contextual overlay for displaying a list of items, triggered by a button.

When to Use

• To group user account options.
• For actions that require more detailed navigation.
• To hide secondary actions or links in order to keep the user interface clean and focused on primary content.

Usage ​

  import { DropdownMenu, DropdownMenuItem, Button } from '@youcan/alto';

<DropdownMenu position="bottom">
    <Button>  Show Menu </Button>
    <template #MenuItems>
      <DropdownMenuItem label="Account" />
      <DropdownMenuItem label="Logout" />
    </template>
</DropdownMenu>

API Reference ​