docs(docs): updated docs to reflect new names for component inputs and outputs

Author: jackhkmatthews

README.md

@@ -67,18 +67,23 @@ export class AppComponent {
   image: ResponsiveImage = {
     placeholder: 'http://via.placeholder.com/35x15?text=placeholder',
     fallback: 'http://via.placeholder.com/350x150?text=fallback',
-    xs: {
-      '@1x': 'http://via.placeholder.com/150x350?text=xs+1x',
-      '@2x': 'http://via.placeholder.com/300x700?text=xs+2x'
-    },
-    md: {
-      '@1x': 'http://via.placeholder.com/350x250?text=md+1x',
-      '@2x': 'http://via.placeholder.com/700x500?text=md+2x'
-    },
-    lg: {
-      '@1x': 'http://via.placeholder.com/700x400?text=lg+1x',
-      '@2x': 'http://via.placeholder.com/1400x800?text=lg+2x'
-    }
+    images: [
+      {
+        size: 'xs',
+        x1: 'http://via.placeholder.com/150x350?text=xs+1x',
+        x2: 'http://via.placeholder.com/300x700?text=xs+2x'
+      },
+      {
+        size: 'md',
+        x1: 'http://via.placeholder.com/350x250?text=md+1x',
+        x2: 'http://via.placeholder.com/700x500?text=md+2x'
+      },
+      {
+        size: 'lg',
+        x1: 'http://via.placeholder.com/700x400?text=lg+1x',
+        x2: 'http://via.placeholder.com/1400x800?text=lg+2x'
+      }
+    ]
   };
 
   public onPlaceholderLoad(imageLoadedEvent: ImageLoadedEvent) {