Package Exports

ember-tutorial-component

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (ember-tutorial-component) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Ember Tutorial Component

Demo

Live Demo Link Demo
Demo Gif

Installation

git clone this repository
npm install
bower install

Running

ember server
Visit your app at http://localhost:4200/tutorial

Running Tests

ember test
ember test --server

Usage

  {{ember-tutorial-component
    config=config
  }}

API

config: Configuration for the component

{ 
  data: [{
    ele: '#test1',
    message: 'First help message goes here.'
  }, {
    ele: '.test2',
    message: 'This is the next step.'
  }, {
    ele: '.test3:nth-child(1)',
    message: 'Final step, hit done to hide.'
  }]
}

npm Url

https://www.npmjs.com/package/ember-tutorial-component

Ongoing Features

Skip tutorial feature/ Close button.
Style Improvements and better layout for tooltips
Make features like skip/close optional and configurable.

Future Enhancements

Support HTML content in tooltips