diff --git a/core/src/components/note/usage/angular.md b/core/src/components/note/usage/angular.md
new file mode 100644
index 0000000000..fba5e5c859
--- /dev/null
+++ b/core/src/components/note/usage/angular.md
@@ -0,0 +1,24 @@
+```html
+<!-- Default Note -->
+<ion-note>Default Note</ion-note>
+
+<!-- Note Colors -->
+<ion-note color="primary">Primary Note</ion-note>
+<ion-note color="secondary">Secondary Note</ion-note>
+<ion-note color="danger">Danger Note</ion-note>
+<ion-note color="light">Light Note</ion-note>
+<ion-note color="dark">Dark Note</ion-note>
+
+<!-- Notes in a List -->
+<ion-list>
+  <ion-item>
+    <ion-label>Note (End)</ion-label>
+    <ion-note slot="end">On</ion-note>
+  </ion-item>
+
+  <ion-item>
+    <ion-note slot="start">Off</ion-note>
+    <ion-label>Note (Start)</ion-label>
+  </ion-item>
+</ion-list>
+```
diff --git a/core/src/components/radio-group/usage/angular.md b/core/src/components/radio-group/usage/angular.md
new file mode 100644
index 0000000000..cfb5a15277
--- /dev/null
+++ b/core/src/components/radio-group/usage/angular.md
@@ -0,0 +1,34 @@
+```html
+<ion-list>
+  <ion-radio-group>
+    <ion-list-header>
+      Auto Manufacturers
+    </ion-list-header>
+
+    <ion-item>
+      <ion-label>Cord</ion-label>
+      <ion-radio value="cord"></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Duesenberg</ion-label>
+      <ion-radio value="duesenberg"></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Hudson</ion-label>
+      <ion-radio value="hudson"></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Packard</ion-label>
+      <ion-radio value="packard"></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Studebaker</ion-label>
+      <ion-radio value="studebaker"></ion-radio>
+    </ion-item>
+  </ion-radio-group>
+</ion-list>
+```
diff --git a/core/src/components/radio-group/usage/javascript.md b/core/src/components/radio-group/usage/javascript.md
index 5f4f4f29df..cfb5a15277 100644
--- a/core/src/components/radio-group/usage/javascript.md
+++ b/core/src/components/radio-group/usage/javascript.md
@@ -1,8 +1,6 @@
 ```html
 <ion-list>
-
   <ion-radio-group>
-
     <ion-list-header>
       Auto Manufacturers
     </ion-list-header>
@@ -31,8 +29,6 @@
       <ion-label>Studebaker</ion-label>
       <ion-radio value="studebaker"></ion-radio>
     </ion-item>
-
   </ion-radio-group>
-
 </ion-list>
 ```
diff --git a/core/src/components/radio/usage/angular.md b/core/src/components/radio/usage/angular.md
new file mode 100644
index 0000000000..0bce0b2fba
--- /dev/null
+++ b/core/src/components/radio/usage/angular.md
@@ -0,0 +1,24 @@
+```html
+<ion-list>
+  <ion-radio-group>
+    <ion-list-header>
+      <ion-label>Name</ion-label>
+    </ion-list-header>
+
+    <ion-item>
+      <ion-label>Biff</ion-label>
+      <ion-radio slot="start" value="biff" checked></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Griff</ion-label>
+      <ion-radio slot="start" value="griff"></ion-radio>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Buford</ion-label>
+      <ion-radio slot="start" value="buford"></ion-radio>
+    </ion-item>
+  </ion-radio-group>
+</ion-list>
+```
diff --git a/core/src/components/range/usage/angular.md b/core/src/components/range/usage/angular.md
index d2f53b3154..677afff2a4 100644
--- a/core/src/components/range/usage/angular.md
+++ b/core/src/components/range/usage/angular.md
@@ -12,14 +12,14 @@
   </ion-item>
 
  <ion-item>
-   <ion-range min="20" max="80" step="2" >
-     <ion-icon small slot="start" name="sunny"></ion-icon>
+   <ion-range min="20" max="80" step="2">
+     <ion-icon size="small" slot="start" name="sunny"></ion-icon>
      <ion-icon slot="end" name="sunny"></ion-icon>
    </ion-range>
  </ion-item>
 
   <ion-item>
-    <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" ></ion-range>
+    <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
   </ion-item>
 
   <ion-item>
diff --git a/core/src/components/range/usage/javascript.md b/core/src/components/range/usage/javascript.md
index 3147c19bcd..4bcbb39678 100644
--- a/core/src/components/range/usage/javascript.md
+++ b/core/src/components/range/usage/javascript.md
@@ -12,14 +12,14 @@
   </ion-item>
 
  <ion-item>
-   <ion-range min="20" max="80" step="2" >
-     <ion-icon small slot="start" name="sunny"></ion-icon>
+   <ion-range min="20" max="80" step="2">
+     <ion-icon size="small" slot="start" name="sunny"></ion-icon>
      <ion-icon slot="end" name="sunny"></ion-icon>
    </ion-range>
  </ion-item>
 
   <ion-item>
-    <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary" ></ion-range>
+    <ion-range min="1000" max="2000" step="100" snaps="true" color="secondary"></ion-range>
   </ion-item>
 
   <ion-item>