diff --git a/blazor/tabs/images/blazor-active-tabs-textIcon-customize.png b/blazor/tabs/images/blazor-active-tabs-textIcon-customize.png
new file mode 100644
index 0000000000..7e64611c1c
Binary files /dev/null and b/blazor/tabs/images/blazor-active-tabs-textIcon-customize.png differ
diff --git a/blazor/tabs/images/blazor-tabs-customize-content-background.png b/blazor/tabs/images/blazor-tabs-customize-content-background.png
new file mode 100644
index 0000000000..a43d6d0688
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-customize-content-background.png differ
diff --git a/blazor/tabs/images/blazor-tabs-customize-content.png b/blazor/tabs/images/blazor-tabs-customize-content.png
new file mode 100644
index 0000000000..38d191253b
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-customize-content.png differ
diff --git a/blazor/tabs/images/blazor-tabs-customize-items.png b/blazor/tabs/images/blazor-tabs-customize-items.png
new file mode 100644
index 0000000000..219d268f19
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-customize-items.png differ
diff --git a/blazor/tabs/images/blazor-tabs-customize.png b/blazor/tabs/images/blazor-tabs-customize.png
new file mode 100644
index 0000000000..6e3ab53418
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-customize.png differ
diff --git a/blazor/tabs/images/blazor-tabs-header-customization.png b/blazor/tabs/images/blazor-tabs-header-customization.png
new file mode 100644
index 0000000000..e4360e5b1d
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-header-customization.png differ
diff --git a/blazor/tabs/images/blazor-tabs-header-icon-customization.png b/blazor/tabs/images/blazor-tabs-header-icon-customization.png
new file mode 100644
index 0000000000..fd3c55b8bb
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-header-icon-customization.png differ
diff --git a/blazor/tabs/images/blazor-tabs-hover-customization.png b/blazor/tabs/images/blazor-tabs-hover-customization.png
new file mode 100644
index 0000000000..75082bf8cd
Binary files /dev/null and b/blazor/tabs/images/blazor-tabs-hover-customization.png differ
diff --git a/blazor/tabs/style.md b/blazor/tabs/style.md
index 7b5defa302..db02d43818 100644
--- a/blazor/tabs/style.md
+++ b/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;
 }
 
-```
\ No newline at end of file
+```
+
+![Customize Tab](./images/blazor-active-tabs-textIcon-customize.png)
\ No newline at end of file