Action Menu

Basic Usage

Show Code
<ks-action-menu>
    <a href="#" @click.prevent="action('New')" class="list-item">New</a>
    <a href="#" @click.prevent="action('Add')" class="list-item">Add</a>
    <a href="#" @click.prevent="action('Edit')" class="list-item disabled">Edit</a>
    <a href="#" @click.prevent="action('Delete')" class="list-item separator danger">Delete Class Link</a>
</ks-action-menu>

<ks-action-menu>
    <div slot="menu">Menu</div>
    <a href="#" class="list-item">New</a>
    <a href="#" class="list-item">Add</a>
    <a href="#" class="list-item disabled">Edit</a>
    <a href="#" class="list-item separator danger">Delete</a>
</ks-action-menu>

Props
Events
Methods
Slots

Name	Type	Default	Description
show	Boolean	false	This will open the menu
actionsAttachment	String	top left	The position on the actions list that you want attached to the button/target
targetAttachment	String	bottom left	The position on the target that you want the actions attached to
openClass	String		The class to attach when the menu is opened