dropdown.md

Dropdown Component

◀️ Back to main page

Usage

HTML

<!--
This simple HTML tag at below is all you need to use this feature.
-->
<works-dropdown
    direction="{left | right | center | top | bottom }"
    pen="{selector: string <Target elmeent's css query string>}"
>
</works-dropdown>

Example

HTML

<works-dropdown class="dropdown-example" 
    pen=".btn-menu" 
    direction="right">
    <a href="#" class="dropdown-menu" (click)="action1();">
        <span>Menu 1</span>
    </a>
    <a href="#" class="dropdown-menu" (click)="action2();">
        <span>Menu2</span>
    </a>
</works-dropdown>

<a href="#" class="btn-menu">Menu</a>