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>
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>