2.0.0 • Published 5 years ago
ember-more-menu v2.0.0
A horizontal responsive menu component which hides items that don't fit in a dropdown more menu.
Demo
Installation
In your application's directory
ember install ember-more-menu
Examples
const items = [{
text: "Home",
linkTo: "ROUTE_NAME"
}, {
text: "About",
linkTo: "ROUTE_NAME"
}, {
text: "Contact",
linkTo: "ROUTE_NAME"
}, {
text: "External link",
href: "#"
}, {
text: "Static text"
}];
Basic example
{{more-menu items=items}}
Advanced example
{{#more-menu
items=items
moreButtonText="More options"
moreButtonClass="btn"
targetAttachmentPosition="bottom center"
attachmentPosition="top center"
as |section|
}}
{{#if (eq section "menu")}}
<ul class="nav flex-nowrap">
{{#each items as |item|}}
<li>
<a href="#" class="nav-link">{{item.text}}</a>
</li>
{{/each}}
</ul>
{{/if}}
{{#if (eq section "more")}}
<ul class="nav flex-column">
{{#each items as |item|}}
<li class="nav-item">
<a href="#" class="nav-link">{{item.text}}</a>
</li>
{{/each}}
</ul>
{{/if}}
{{/more-menu}}
View Demo
- Clone this repo:
git clone https://github.com/mayko780/ember-more-menu.git
cd ember-more-menu
npm install
ember serve
- Visit http://localhost:4200.
For more information on using ember-cli, visit http://ember-cli.com/.
2.0.0
5 years ago
1.0.10
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
6 years ago
1.0.0
6 years ago
0.0.11
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago