ember-cli-deeplink-component


#### Table of Contents

- Live Example _- external link_
- About
- Installation
- Properties
- Example Code
- Contributing

About

ember-cli-deeplink-component provides a {{deep-link}} component in both inline and block form. The component allows for linking to in-page content in much the same way you could on a non single page application site using a plain anchor tag.

Installation

``shell
cd /path/to/my-awesome-application
ember install ember-cli-deeplink-component
`

Properties

duration {number}
- Duration of scroll event in milliseconds
- Superseded by the speed property

href (req.) {string}
- The target anchor name or id of the target element

mutable {boolean}
- Whether scroll events can be interrupted by user interaction

speed {number}
- Speed in pixels per second for scroll events

text {string}
- Text content of the component
- Superseded by content yielded via block syntax

Examples

Target an anchor using the inline syntax
`handlebars
{{deep-link href="waldo" text="Where is waldo?"}}

{{! the target anchor}}

`

Target an element by id using the block syntax
`handlebars
{{#deep-link href="waldo"}}
Where is waldo?
{{/deep-link}}

{{! the target element}}



`

Contributing / Modifying

Clone the project and do what you want with it. If you do something neat and are feeling generous submit a PR against the feature branch (GitHub).

`shell
cd /path/to/projects
git clone git@github.com:zakmac/ember-cli-deeplink-component.git
`

---

For more information on using ember-cli, visit http://www.ember-cli.com/.

For more information on Ember.js, visit http://www.emberjs.com/.

Looking for more great Ember addons? Check out http://www.emberobserver.com/.

Check out the Ember.js IRC channel at #emberjs` on Freenode IRC or join the Ember Community Slack organization.