FwNav Class

Extends: Ember.Component
Module: Components
Defined In: addon\components\fw-nav.js:3

Basic navigation component

Usage:

<FwNav>
    <ul>
        <li>
            <LinkTo @route="index">Index</LinkTo>
    </ul>
</FwNav>

It's designed so that you can show/hide the links any way you want. For example, if you wanted to only show a link based on if a user was logged in, you could wrap it in an auth-block component:

<FwNav>
    <ul>
        <AuthBlock @tagName="li">
            <LinkTo @route="index">Index</LinkTo>
        </AuthBlock>
    </ul>
</FwNav>

Result: The index link only shows when the user is logged in.

Note: this is extended in ember-fw-gc by FwGcNav, so you might want to check out its documentation here.

Show: