From f6b2334dee7b6b27c4b4bc0ebdec9f05bbf634f3 Mon Sep 17 00:00:00 2001 From: Dan Monroe Date: Thu, 24 Jan 2019 12:18:37 -0500 Subject: [PATCH 1/2] Initial conversion to angle brackets --- guides/writing-addons/intro-tutorial.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/guides/writing-addons/intro-tutorial.md b/guides/writing-addons/intro-tutorial.md index d2ab542..679d233 100644 --- a/guides/writing-addons/intro-tutorial.md +++ b/guides/writing-addons/intro-tutorial.md @@ -45,7 +45,7 @@ Our goal is to be able to pass the `buttonName` value to the addon, just like we ```hbs -{{addon-name buttonLabel="Register"}} + ``` ### Trying out the addon template in an app @@ -61,7 +61,7 @@ There are several options to see the addon in action. We could use `npm link` or 1. `yarn link ` or `npm link `. 2. In the Ember app's `package.json`, add a `devDependencies` entry for your addon, like `"addon-name": "*"`. The `*` means that it will include all version numbers of our addon. 3. Run `yarn install` or `npm install` in the app -4. Add a reference to your addon's component somewhere in an app template, like `{{component-name buttonLabel="Register"}}` +4. Add a reference to your addon's component somewhere in an app template, like `` 5. Run a local server with `ember serve` and visit [http://localhost:4200](http://localhost:4200) We should now see our addon in action! @@ -92,9 +92,9 @@ Now, an app can use the addon with their own content inside: ```hbs -{{#addon-name}} + Register -{{/addon-name}} + ``` Whatever goes inside the block form addon will show up where the `{{yield}}` was. This is the markup that renders in the app: From c0876df70a0360f5705c54021322d5e9ddf8e83e Mon Sep 17 00:00:00 2001 From: Robert Jackson Date: Fri, 25 Jan 2019 12:52:36 -0500 Subject: [PATCH 2/2] Update guides/writing-addons/intro-tutorial.md Co-Authored-By: cah-danmonroe --- guides/writing-addons/intro-tutorial.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/guides/writing-addons/intro-tutorial.md b/guides/writing-addons/intro-tutorial.md index 679d233..656047f 100644 --- a/guides/writing-addons/intro-tutorial.md +++ b/guides/writing-addons/intro-tutorial.md @@ -45,7 +45,7 @@ Our goal is to be able to pass the `buttonName` value to the addon, just like we ```hbs - + ``` ### Trying out the addon template in an app