ember install ember-addon-header-toolbar
or add them to the package.json and run npm install
{{f-toolbar}}
{{f-toolbar
headerTitle=headerTitle
headerSubtitle=headerSubtitle
leftIcon=leftIcon
rightIcon=rightIcon
leftIconAction=leftIconAction
rightIconAction=rightIconAction
backgroundColor=backgroundColor
textColor=textColor
}}
headerTitle: String
headerSubtitle: String
leftIcon: String
rightIcon: String
leftIconAction: String
rightIconAction: String
backgroundColor: String
textColor: String
Those variables are applied when props 'backGroundActive' and 'textActive'
are not provided
$f-toolbar-background: #0000ff;
$f-toolbar-color: #fff;
The addon is integrated with helper "helpers/optional-action.js"
which handles empty action events.
This allows the addon to have only one or none actions.
ember serve
- Visit your app at http://localhost:4200.
-
npm test
(Runsember try:each
to test your addon against multiple Ember versions) ember test
ember test --server