ember-cli-mdc-bottom-navigation

Polyfill ember-cli addon for @material/bottom-navigation.

ember-cli-mdc-bottom-navigation package is meant to be a placeholder until the bottom navigation component from material components web is complete. It is implemented to serve our needs on existing projects, and does not implement all features of the bottom navigation component.

Installation

ember install ember-cli-mdc-bottom-navigation

Components

This package contains the following top-level components.

• MdcBottomNavigation
• MdcBottomNavigationLinkTo

MdcBottomNavigation

Description

Adds a bottom navigation component to a page

Usage

<MdcBottomNavigation @spaceEvenly=[false|true]}}>
  <!-- links go here -->
</MdcBottomNavigation>

Attributes

• @spaceEvenly - Space the buttons evenly as opposed to centered. Default is false.

MdcBottomNavigationLinkTo

Use the MdcBottomNavigationLinkTo, which extends the LinkComponent, component to add links to the bottom navigation component.

<MdcBottomNavigation @spaceEvenly=[false|true]>
  <MdcBottomNavigationLinkTo @label="Favorites" @icon="favorites" @route={{this.routeName}}  />
</MdcBottomNavigation>