/ember-frost-info-bar

A generic info bar pattern with title+subtitle+action button

Primary LanguageJavaScriptMIT LicenseMIT

ember-frost-info-bar
Travis Coveralls NPM

Installation

ember install ember-frost-info-bar

Examples

<div class='frost-info-bar'>
    <div class='title'>
        <div class='primary-title'>User accounts</div>
        <div class='sub-title'>View and manage user accounts</div>
    </div>
    <div class='action'>
    {{frost-button
      on-click=(action 'createUser')
      priority="tertiary"
      size="medium"
      icon="frost/infobar-create"
      text="Create"
      vertical=true
    }}
    </div>
</div>

Development

Setup

git clone git@github.com:ciena-frost/ember-frost-info-bar.git
cd ember-frost-info-bar
npm install && bower install

Development Server

A dummy application for development is available under ember-frost-info-bar/tests/dummy. To run the server run ember server (or npm start) from the root of the repository and visit the app at http://localhost:4200.

Testing

Run npm test from the root of the project to run linting checks as well as execute the test suite and output code coverage.