953256: Images added

blazor/tabs/style.md

@@ -23,6 +23,8 @@ Use the following CSS to customize the Tab.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-customize.png)
+
 ## Customizing the Tab items
 
 Use the following CSS to customize the header items of Tab.
@@ -36,6 +38,8 @@ Use the following CSS to customize the header items of Tab.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-customize-items.png)
+
 Use the following CSS to customize the content items of Tab.
 
 ```CSS
@@ -47,6 +51,8 @@ Use the following CSS to customize the content items of Tab.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-customize-content.png)
+
 ## Customizing Tab's header
 
 Use the following CSS to customize the header of Tab control.
@@ -59,6 +65,8 @@ Use the following CSS to customize the header of Tab control.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-header-customization.png)
+
 ## Customizing Tab's header icon
 
 Use the following CSS to customize the header item icon of Tab control.
@@ -71,6 +79,8 @@ Use the following CSS to customize the header item icon of Tab control.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-header-icon-customization.png)
+
 ## Customizing Tab's content
 
 Use the following CSS to customize the content of Tab control.
@@ -83,6 +93,8 @@ Use the following CSS to customize the content of Tab control.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-customize-content-background.png)
+
 ## Customizing the hover state of Tab control
 
 Use the following CSS to customize the tab item when hovering.
@@ -95,6 +107,8 @@ Use the following CSS to customize the tab item when hovering.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-hover-customization.png)
+
 Use the following CSS to customize the tab item popup icon when hovering.
 
 ```CSS
@@ -118,6 +132,8 @@ Use the following CSS to customize the selected tab item.
 
 ```
 
+![Customize Tab](./images/blazor-tabs-hover-customization.png)
+
 Use the following CSS to customize the selected tab item text and icon.
 
 ```CSS
@@ -127,4 +143,6 @@ Use the following CSS to customize the selected tab item text and icon.
     color: green !important;
 }
 
-```
+```
+
+![Customize Tab](./images/blazor-active-tabs-textIcon-customize.png)