Tier Component

The tier navigation component used for top level parent navigation. Shown here wrapped in a content component for showcasing typical usage.

HTML

<div class="t-content c-content c-content--flexible" style="width:300px; height: 500px;" ng-controller="tierNavigatorExampleController as ctrl">
    <div class="c-content-container">
        <div class="c-content-innerContainer c-content-innerContainer--flush">
            <inv-tier-navigator
                    nav-title="ctrl.title"
                    nav-sets="ctrl.navSets"
                    nav-item-descriptors="ctrl.tierNavigatorDescriptor"
                    item-selected="ctrl.itemSelected">
            </inv-tier-navigator>
        </div>
    </div>
</div>