diff --git a/addon/components/file-dropzone/component.js b/addon/components/file-dropzone/component.js
index 920c648f2..3f3d14cd7 100644
--- a/addon/components/file-dropzone/component.js
+++ b/addon/components/file-dropzone/component.js
@@ -27,7 +27,7 @@ const dragListener = new DragListener();
    drag and drop.
 
   ```hbs
-  {{#file-dropzone name="photos" as |dropzone queue|}}
+  <FileDropzone @name="photos" as |dropzone queue|>
     {{#if dropzone.active}}
       {{#if dropzone.valid}}
         Drop to upload
@@ -42,15 +42,15 @@ const dragListener = new DragListener();
         {{#if dropzone.supported}}
           Drag and drop images onto this area to upload them or
         {{/if}}
-        {{#file-upload name="photos"
-                      accept="image/*"
-                      multiple=true
-                      onFileAdd=(action "uploadImage")}}
+        <FileUpload @name="photos"
+                    @accept="image/*"
+                    @multiple=true
+                    @onFileAdd={{this.uploadImage}}>
           <a id="upload-image" tabindex=0>Add an Image.</a>
-        {{/file-upload}}
+        </FileUpload>
       </p>
     {{/if}}
-  {{/file-dropzone}}
+  </FileDropzone>
   ```
 
   ```js
diff --git a/addon/components/file-upload/component.js b/addon/components/file-upload/component.js
index 9a243d919..8844f356c 100644
--- a/addon/components/file-upload/component.js
+++ b/addon/components/file-upload/component.js
@@ -27,16 +27,16 @@ import uuid from '../../system/uuid';
       <label for='name'>
       {{input type='string' value=changeset.name id='name'}}
 
-      {{#file-upload name="avatar"
-                     accept="image/*"
-                     onFileAdd=(action 'setAvatar' changeset)}}
+      <FileUpload @name="avatar"
+                  @accept="image/*"
+                  @onFileAdd={{fn this.setAvatar changeset}}>
         {{#if changeset.avatar}}
           <img src={{changeset.avatar.url}} />
           <a id="upload-avatar" tabindex=0>Add a photo of yourself</a>
         {{else}}
           <a id="upload-avatar" tabindex=0>Add a photo of yourself</a>
         {{/if}}
-      {{/file-upload}}
+      </FileUpload>
     </form>
   {{/with}}
   ```