doc(#118):add srcset and sizes to lazy-img component

Author: peterpeterparker

docs/docs/components/app-components-lazy-img/app-components-lazy-img.md

@@ -32,6 +32,8 @@ This component offers the following options which could be set using attributes:
 | Attribute                      | Type   | Default   | Description   |
 | -------------------------- |-----------------|-----------------|-----------------|
 | img-src | string |  | The image source (= URI) to lazy load |
+| img-src-set | string |  | The attribute "srcset" (= multiple URI) to lazy load in case you would like to provide multiple images for responsiveness |
+| img-sizes | string |  | The set of media conditions to indicates what image size would be best to choose |
 | img-alt | string |  | The image alternate text |
 | observer-root-margin | string | 100px 0px | A string which specifies a set of offsets to add to the root's bounding_box when calculating intersections, effectively shrinking or growing the root for calculation purposes. [More info.](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver) |
 | observer-threshold | number or number[] |  | Either a single number or an array of numbers between 0.0 and 1.0, specifying a ratio of intersection area to total bounding box area for the observed target. [More info.](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserver/IntersectionObserver) |

docs/src/app/pages/docs/components/app-components-lazy-img/app-components-lazy-img.tsx

@@ -65,6 +65,18 @@ export class AppComponentsLazyImg {
 <td>The image source (= URI) to lazy load</td>
 </tr>
 <tr>
+<td>img-src-set</td>
+<td>string</td>
+<td></td>
+<td>The attribute &quot;srcset&quot; (= multiple URI) to lazy load in case you would like to provide multiple images for responsiveness</td>
+</tr>
+<tr>
+<td>img-sizes</td>
+<td>string</td>
+<td></td>
+<td>The set of media conditions to indicates what image size would be best to choose</td>
+</tr>
+<tr>
 <td>img-alt</td>
 <td>string</td>
 <td></td>