❤
npm
Sign UpSign In

ember-site-tour

2.2.0 • Public • Published

ember-site-tour

Build Status Ember Observer Score

An ember add-on to implement site tours based on hopscotch.js.

Documentation: http://mydea.github.io/ember-site-tour/

Installation

ember install ember-site-tour

Basic Usage

// app/index/route.js
 
import Ember from 'ember';
import RouteTourMixin from 'ember-site-tour/mixins/route-tour';
 
export default Ember.Route.extend(RouteTourMixin, {});
{{! app/index/template.hbs }}
 
{{#tour-start-button}}
  <button>Start Tour</button>
{{/tour-start-button}}
// app/index/tour.js
 
export default [
  {
    target: '.first',
    title: 'First Step',
    content: `Lorem Ipsum...`
  },
  {
    target: '.second',
    title: 'Second Step',
    content: `Lorem Ipsum...`
  },
  {
    target: '.third',
    placement: 'bottom',
    title: 'Third Step',
    content: `Lorem Ipsum...`
  }
];

For more detailed instructions and examples, please visit the documentation.

/ember-site-tour/

    Package Sidebar

    Install

    npm i ember-site-tour

    Repository

    github.com/mydea/ember-site-tour

    Homepage

    github.com/mydea/ember-site-tour#readme

    Weekly Downloads

    2

    Version

    2.2.0

    License

    MIT

    Unpacked Size

    38.9 kB

    Total Files

    19

    Last publish

    Collaborators

    • mydea
    Try on RunKit
    Report malware