diff --git a/demos/blur/main.html b/demos/blur/main.html
index 420478fa8c..3b5da2338e 100644
--- a/demos/blur/main.html
+++ b/demos/blur/main.html
@@ -7,7 +7,7 @@
 
   <button (click)="showBlur=true" primary>Blur</button>
 
-  <div ion-blur (click)="showBlur=false" *ng-if="showBlur" style="display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);">"
+  <div ion-blur (click)="showBlur=false" *ng-if="showBlur" style="display: flex; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.8);">
     <h2>Blurred!</h2>
   </div>
 </ion-content>
diff --git a/ionic/components/blur/blur.ts b/ionic/components/blur/blur.ts
index 798731b47d..928a62142f 100644
--- a/ionic/components/blur/blur.ts
+++ b/ionic/components/blur/blur.ts
@@ -1,5 +1,12 @@
 import {Directive, Renderer, ElementRef} from 'angular2/angular2';
 
+
+/**
+ * The blur attribute applies the CSS blur attribute to an element. If the CSS attribute is not supported,
+ * it will fall back to applying a semi-transparent background color to the element.
+ *
+ * @demo /docs/v2/demos/blur/
+ */
 @Directive({
   selector: '[ion-blur]'
 })