Contents

<section>
<h4>Basic Menu</h4>

<table>
<thead><th>Code</th><th>Notes</th></thead>
<tbody>
	<tr>
		<td><code>&lt;nav class="ae-nav-main"&gt;&lt;/nav&gt;</code></td>
		<td><p>Required. Wrap the nav and content in this parent class.</p></td>
	</tr>
	<tr>
		<td><code>.ae-list-inline <br /> .ae-list-block</code> <br /></td>
		<td><p>Optional. Display nav in a <code>&lt;ul&gt;&lt;/ul&gt;</code>. Can be in block or list. </p></td>
	</tr>
	<tr>
		<td><code>.ae-nav-item</code></td>
		<td><p>Required. Each nav item in the list should have this class. </code> </p></td>
	</tr>
	<tr>
		<td><code>.ae-nav-right <br /> .ae-nav-left</code></td>
		<td><p>Optional. Align the nav left or right.</p></td>
	</tr>

</tbody>
</table>


<%= render "express_ui/molecules/nav_menu" %>


<h4>Mega Menu</h4>

<table>
<thead><th>Code</th><th>Notes</th></thead>
<tbody>
	<tr>
		<td><code>.ae-mega-menu</code></td>
		<td><p>Required. Wrap the mega menu trigger and content in this parent class.</p></td>
	</tr>
	<tr>
		<td><code>.ae-nav-mega-menu-content</code></td>
		<td><p>Required. Contains the mega menu.</p></td>
	</tr>
	<tr>
		<td><code>.ae-open-mega-menu</code></td>
		<td><p>Required. Opens the mega menu.</p></td>
	</tr>
	<tr>
		<td><code>.ae-nav-mega-menu-list</code></td>
		<td><p>Required. Each nav item in the list should have this class. </code> </p></td>
	</tr>

	<tr>
		<td><code>.ae-nav-mega-menu-list</code> <br />
		<code>.ae-nav-mega-menu-list-icons</code></td>
		<td><p>Required at least 1. The menu should contain a <code>&lt;ul&gt;&lt;/ul&gt;</code> that has at least 1 of these classes. </p></td>
	</tr>

</tbody>

</table>

<div class="ae-demo-container">
	<%= render "express_ui/molecules/nav_mega_menu" %>
</div>
</section>

Version data entries

7 entries across 7 versions & 1 rubygems

Version	Path
express_ui-0.5.2	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.5.1	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.5.0	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.4.2	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.4.1	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.4.0	app/views/express_ui/molecules/_nav.html.erb
express_ui-0.3.0	app/views/express_ui/molecules/_nav.html.erb