add visual structure to segment

Author: didiyordanova

controls/segmentedcontrol/images/segmentedcontrol-visual-structure.png

@@ -0,0 +1,29 @@
+---
+title: Visual Structure
+page_title: .NET MAUI SegmentedControl Documentation - Visual Structure
+description: The Visual structure of the Telerik SegmentedControl for .NET MAUI control.
+slug: tabview-visual-structure
+tags: tabview, 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%})