From c9d5f3d379bcf530be00a8ab40a5b5b52b06a5d7 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandy@ionic.io>
Date: Mon, 9 Jul 2018 18:37:21 -0400
Subject: [PATCH] docs(refresher): update usage example content

---
 .../src/components/refresher/usage/angular.md | 29 +++++++++++++++----
 .../components/refresher/usage/javascript.md  |  7 ++---
 2 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/core/src/components/refresher/usage/angular.md b/core/src/components/refresher/usage/angular.md
index c780feaa3e..5c8e0b444f 100644
--- a/core/src/components/refresher/usage/angular.md
+++ b/core/src/components/refresher/usage/angular.md
@@ -1,23 +1,42 @@
 ```html
+<!-- Default Refresher -->
 <ion-content>
-  <ion-refresher (ionRefresh)="doRefresh($event)">
+  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
     <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
 </ion-content>
+
+<!-- Custom Refresher Content -->
+<ion-content>
+  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
+    <ion-refresher-content
+      pullingIcon="arrow-dropdown"
+      pullingText="Pull to refresh"
+      refreshingSpinner="circles"
+      refreshingText="Refreshing...">
+    </ion-refresher-content>
+  </ion-refresher>
+</ion-content>
 ```
 
 ```typescript
-@Component({...})
-export class NewsFeedPage {
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'refresher-example',
+  templateUrl: 'refresher-example.html',
+  styleUrls: ['./refresher-example.css'],
+})
+export class RefresherExample {
+  constructor() {}
 
   doRefresh(event) {
-    console.log('Begin async operation', refresher);
+    console.log('Begin async operation');
 
     setTimeout(() => {
       console.log('Async operation has ended');
       event.target.complete();
     }, 2000);
   }
-
 }
 ```
diff --git a/core/src/components/refresher/usage/javascript.md b/core/src/components/refresher/usage/javascript.md
index 30ed39a3fc..e2f9f47aa3 100644
--- a/core/src/components/refresher/usage/javascript.md
+++ b/core/src/components/refresher/usage/javascript.md
@@ -1,13 +1,12 @@
 ```html
+<!-- Default Refresher -->
 <ion-content>
   <ion-refresher slot="fixed">
-    <ion-refresher-content>
-    </ion-refresher-content>
+    <ion-refresher-content></ion-refresher-content>
   </ion-refresher>
 </ion-content>
 
-<!-- or for custom content -->
-
+<!-- Custom Refresher Content -->
 <ion-content>
   <ion-refresher slot="fixed">
     <ion-refresher-content