Merge pull request nativescript-vue#322 from bundyo/patch-1

rigor789 · web-flow · commit bb753de31ff4 · 2020-01-30T15:27:40.000+01:00
Add some docs for font protocol icons
diff --git a/content/docs/en/elements/components/image.md b/content/docs/en/elements/components/image.md
@@ -1,7 +1,7 @@
 ---
 title: Image
 apiRef: https://docs.nativescript.org/api-reference/classes/_ui_image_.image
-contributors: [MisterBrownRSA, rigor789, ikoevska]
+contributors: [MisterBrownRSA, rigor789, ikoevska, bundyo]
 ---
 
 `<Image>` is a UI component that shows an image from an [ImageSource](https://docs.nativescript.org/api-reference/modules/_image_source_) or from a URL.
@@ -32,13 +32,21 @@ contributors: [MisterBrownRSA, rigor789, ikoevska]
 <Image src="data:Image/png;base64,iVBORw..." stretch="none" />
 ```
 
+#### Displaying an image with a font icon in {N} 6.2+
+
+In NativeScript-Vue, `.decode` is required for parsing properties that have HTML entities in them.
+
+```html
+<Image src.decode="font://&#xf004;" class="fas" />
+```
+
 [> screenshots for=Image <]
 
 ## Props
 
 | Name | Type | Description |
 |------|------|-------------|
-| `src` | `String` or [`ImageSource`](https://docs.nativescript.org/api-reference/modules/_image_source_) | Gets or sets the source of the image as a URL or an image source.
+| `src` | `String` or [`ImageSource`](https://docs.nativescript.org/api-reference/modules/_image_source_) | Gets or sets the source of the image as a URL or an image source. If you use the new font:// icon protocol in {N} 6.2, make sure you add .decode to the name of the property - e.g. `src.decode="font://&#xf004;"`
 |`imageSource` | [`ImageSource`](https://docs.nativescript.org/api-reference/modules/_image_source_) | Gets or sets the image source of the image.
 | `tintColor` | `Color` | (Style property) Sets a color to tint template images.
 | `stretch` | `Stretch` | (Style property) Gets or sets the way the image is resized to fill its allocated space.<br/>Valid values: `none`, `aspectFill`, `aspectFit`, or `fill`.<br/>For more information, see [Stretch](https://docs.nativescript.org/api-reference/modules/_ui_enums_.stretch). 
@@ -48,4 +56,4 @@ contributors: [MisterBrownRSA, rigor789, ikoevska]
 
 | Android | iOS |
 |---------|-----|
-| [`android.widget.ImageView`](https://developer.android.com/reference/android/widget/ImageView.html) | [`UIImageView`](https://developer.apple.com/documentation/uikit/uiimageview)
+| [`android.widget.ImageView`](https://developer.android.com/reference/android/widget/ImageView.html) | [`UIImageView`](https://developer.apple.com/documentation/uikit/uiimageview)
