Didi/update segment images

controls/segmentedcontrol/disable-segment.md

@@ -36,7 +36,7 @@ You can disable any segment with `SetSegmentEnabled` method:
 
 The following image shows the end result.
 
-![.NET MAUI SegmentedControl disable segment](images/segmentcontrol-features-disablesegment-0.png)
+![.NET MAUI SegmentedControl disable segment](images/segmentcontrol-disablesegment.png)
 
 ## See Also
 

controls/segmentedcontrol/getting-started.md

@@ -13,7 +13,7 @@ This guide provides the information you need to start using the Telerik UI for .
 
 At the end, you will achieve the following result.
 
-![.NET MAUI SegmentedControl Getting Started](images/segmentcontrol-gettingstarted.png)
+![.NET MAUI SegmentedControl Getting Started](images/segmentcontrol-getting-started.png)
 ## Prerequisites
 
 Before adding the SegmentedControl, you need to:

controls/segmentedcontrol/overview.md

@@ -12,7 +12,7 @@ slug: segmentedcontrol-overview
 
 The Telerik UI for .NET MAUI SegmentedControl allows you to display a list of horizontally aligned, mutually exclusive options, which can be selected by the user. Each option is a button that can display text or an image.
 
-![.NET MAUI SegmentedControl Overview](images/segmentcontrol-overview-0.png)
+![.NET MAUI SegmentedControl Overview](images/segmentcontrol-overview.png)
 
 ## Key Features of the .NET MAUI SegmentedControl
 

controls/segmentedcontrol/selection.md

@@ -50,7 +50,7 @@ The following example demonstrates how to use the selection feature of Segmented
 
 The image below shows the end result on different platforms:
 
-![.NET MAUI SegmentedControl selection](images/segmentcontrol-features-selection-0.png)
+![.NET MAUI SegmentedControl selection](images/segmentcontrol-selection.png)
 
 ## See Also
 

controls/segmentedcontrol/styling.md

@@ -29,7 +29,7 @@ The following example shows how to set the different segment colors.
 
 The following image shows the end result.
 
-![.NET MAUI SegmentedControl colors customization](images/segmentcontrol-features-customizecolors-0.png)
+![.NET MAUI SegmentedControl colors customization](images/segmentcontrol-styling.png)
 
 ## See Also
 

controls/segmentedcontrol/visual-structure.md

@@ -0,0 +1,28 @@
+---
+title: Visual Structure
+page_title: .NET MAUI SegmentedControl Documentation - Visual Structure
+description: Learn what visual elements are displayed by the Telerik UI for .NET MAUI SegmentedControl, and see how these elements build the visual structure of the control.
+slug: segment-visual-structure
+tags: segment, header, content, items, visualization
+position: 1
+---
+
+# .NET MAUI SegmentedControl Visual Structure
+
+The visual structure of the .NET MAUI SegmentedControl represents the anatomy of the UI control. Being familiar with the visual elements of the SegmentedControl allows you to quickly find the information required to configure them.
+
+The following image shows the anatomy of the SegmentedControl.
+
+![.NET MAUI SegmentedControl Visual Structure](images/segmentedcontrol-visual-structure.png "Visual elements of SegmentedControl control")
+
+## Displayed Elements
+
+- **Segment**—Represents a segment in the SegmentedControl.
+- **Selected Segment**—Represents the selection in the SegmentedControl when selecting a segment. 
+- **Disabled Segment**—Represents a disabled segment in the SegmentedControl.
+
+## See Also
+
+- [Getting Started with .NET MAUI SegmentedControl]({%slug segmentedcontrol-getting-started%})
+- [Selection]({%slug segmentedcontrol-selection%})
+- [Disabled Segments]({%slug segmentedcontrol-disable-segment%})