Tt-component-menu NPM

tt-component-menu

A jQuery plugin that transforms your markup to a menu.

Dependencies

jQuery

Quick start

Install using npm.

$ npm install --save tt-component-menu

Write the markdown and include the css.

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="src/css/jquery.menu.css">
    </head>
    <body>
        <div id="my-menu">
            <div>
                <div class="tt-search">
                    <i class="fa fa-search"></i>
                    <input type="search" class="mousetrap" placeholder="Search menu" />
                </div>
            </div>
            <ul class="tt-menu">
                <li>
                    <div class="tt-tile bgcolor-2">
                        <i class="fa fa-male fa-4x"></i>
                        <span>Accounts</span>
                    </div>
                    <ul class="tt-submenu">
                        <li><a href="">Register</a></li>
                        <li><a href="">Search</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <script type="text/javascript" src="menu.js"></script>
    </body>
</html>

Menu.js:

require('tt-component-menu');
var jQuery = require('jquery');

jQuery(function($) { $('#my-menu').ttMenu(); });

@infinitebrahmanuniverse/nolb-tt @everything-registry/sub-chunk-2983

1.0.1

9 years ago

1.0.0

9 years ago