ember-bootstrap-nav
v0.1.2
Published
Provides a simple dropdown nav for bootstrap and Ember.js.
Downloads
14
Maintainers
Readme
Ember-bootstrap-nav
This addon provides a simple dropdown nav for bootstrap and Ember.js.
Installation
- Run
ember install ember-bootstrap
- Run
ember install ember-bootstrap-nav
Use
To use this addon, create a bs-navbar
component with your project links:
{{#bs-navbar class='navbar-default navbar-fixed-top' name='Ember Bootstrap'}}
{{!-- This nested link to allows the active state to work on your menu items --}}
{{#link-to 'navbar' tagName='li'}}
{{link-to 'Navbar' 'navbar'}}
{{/link-to}}
{{/bs-navbar}}
The name
property allows you specify the name that is used for you app and placed in the .navbar-brand
link in your navbar.
Customization
You can customize your navbar a bit more with the following properties on your bs-navbar
:
homeRoute
- Allows you to specify what route to link to when a user clicks on your logo/brand name.logoImg
- Allows you to specify an image to use in your.navbar-brand
instead of plain text