Skip to content

Commit

Permalink
Merge pull request #125 from SergeAstapov/patch-2
Browse files Browse the repository at this point in the history
Octanify readme code examples
  • Loading branch information
lukemelia authored Oct 2, 2023
2 parents 9da2e6a + c0dc2a7 commit 6df916a
Showing 1 changed file with 15 additions and 15 deletions.
30 changes: 15 additions & 15 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,13 +41,13 @@ Given the following DOM:
and a template like this:

```hbs
{{#ember-tether
target='#a-nice-person'
targetAttachment='top right'
attachment='top left'
}}
<EmberTether
@target='#a-nice-person'
@targetAttachment='top right'
@attachment='top left'
>
A puppy
{{/ember-tether}}
</EmberTether>
```

Then "A puppy" would be rendered alongside the `a-nice-person` div.
Expand All @@ -56,20 +56,20 @@ If the ember-tether component is destroyed, its far-off content is destroyed too
For example, given:

```hbs
{{#if isShowing}}
{{#ember-tether
target='#a-nice-person'
targetAttachment='top right'
attachment='top left'
}}
{{#if this.isShowing}}
<EmberTether
@target='#a-nice-person'
@targetAttachment='top right'
@attachment='top left'
>
A puppy
{{/ember-tether}}
</EmberTether>
{{/if}}
```

If `isShowing` starts off true and becomes false, then the "A puppy" text will be removed from the page.
If `this.isShowing` starts off true and becomes false, then the "A puppy" text will be removed from the page.

Similarly, if you use `ember-tether` in a route's template, it will
Similarly, if you use `<EmberTether />` in a route's template, it will
render its content next to the target element when the route is entered
and remove it when the route is exited.

Expand Down

0 comments on commit 6df916a

Please sign in to comment.