ember-addon-sidenav

Installation

• ember install ember-addon-sidenav

or add them to the package.json and run npm install

Example usage

{{f-sidenav}}

{{f-sidenav
  tabs=tabs
  currentRoute=currentRoute
  redirectTo=(action "redirectTo")
  backGroundActive="#eaf8fc"
  textActive="#00b0db"
}}

{{#f-sidenav
  tabs=tabs
  currentRoute=currentRoute
  redirectTo=(action "redirectTo") as |tab|
}}
  {{custom-list-item-component}}
{{/f-sidenav}}

Types

tabs: Array
currentRoute: String
redirectTo: Action
backGroundActive: String
textActive: String

SASS variables

Those variables are applied when props 'backGroundActive' and 'textActive'
are not provided

// Main container
$f-sidenav-main-background: #fafafa;

// Box shadow colour
$f-sidenav-box-shadow: #dddedd;

// List item
$f-sidenav-primary-color: #00b0db !default;
$f-sidenav-primary-text-color-active: $fb-color-white !default;
$f-sidenav-primary-color-active: shade($fb-primary-color, 45%);

Running

• ember serve
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:each to test your addon against multiple Ember versions)
• ember test
• ember test --server