Docs
Get started with the @ Menu
Installation
Installing the @ Menu JS Plugin.
Include CSS
First include the following CSS file into your projects HTML head
<link type="text/css" rel="stylesheet" href="css/at-menu.min.css" />Include JS
Include at-menu.js
<script src="js/atm.min.js"></script>Setup HTML
You'll need to add a textarea, input, or contenteditable, and menu div
If using a contenteditable div, please note that the @ Menu will only work if it's a single line
<textarea id="atm" class="atm"></textarea>
<div id="atm-menu" class="atm-menu">
<div>Menu Item 1</div>
<div>Menu Item 2</div>
<div>Menu Item 3</div>
<div>Menu Item 4</div>
<div>Menu Item 5</div>
</div>Call the Plugin
Call the @ Menu initializer
AtMenu.init({
"target": "#atm",
"menu": "#atm-menu"
});