Added Markdown Docs for the StretchPanel

Author: Avid29

components/StretchPanel/samples/StretchPanel.md

@@ -1,32 +1,53 @@
 ---
 title: StretchPanel
-author: githubaccount
-description: TODO: Your experiment's description here
+author: Avid29
+description: A highly flexible panel that arranges its child elements according to GridLength definitions, allowing for proportional sizing and stretching behavior.
 keywords: StretchPanel, Control, Layout
 dev_langs:
   - csharp
-category: Controls
-subcategory: Layout
+category: Layouts
+subcategory: Panel
 discussion-id: 0
 issue-id: 0
 icon: assets/icon.png
 ---
 
-<!-- To know about all the available Markdown syntax, Check out https://docs.microsoft.com/contribute/markdown-reference -->
-<!-- Ensure you remove all comments before submission, to ensure that there are no formatting issues when displaying this page.  -->
-<!-- It is recommended to check how the Documentation will look in the sample app, before Merging a PR -->
-<!-- **Note:** All links to other docs.microsoft.com pages should be relative without locale, i.e. for the one above would be /contribute/markdown-reference -->
-<!-- Included images should be optimized for size and not include any Intellectual Property references. -->
-
-<!-- Be sure to update the discussion/issue numbers above with your Labs discussion/issue id numbers in order for UI links to them from the sample app to work. -->
-
 # StretchPanel
 
-TODO: Fill in information about this experiment and how to get started here...
+The StretchPanel is a panel that arranges its child elements according to GridLength definitions.
 
-## Custom Control
+When stretched along the main axis, the child elements with star-sized GridLength values will proportionally occupy the available space.
 
-You can inherit from an existing component as well, like `Panel`, this example shows a control without a
-XAML Style that will be more light-weight to consume by an app developer:
+When not stretched along the main axis, star-sized child elements will be the smallest size possible while maintaining proportional sizing relative to each other and ensuring that all child elements are fully visible.
 
 > [!Sample StretchPanelBasicSample]
+
+## Properties
+
+### Fixed Row Length
+
+When `FixedRowLengths` is enabled, all rows/columns will to stretch to the size of the largest row/column in the panel. When this is not enabled, rows/columns will size to their content individually.
+
+### Forced Stretch Method
+
+The `ForcedStretchMethod` property allows you to specify how the StretchPanel should handle stretching in rows without star-sized definitions.
+
+#### None
+
+When set to `None`, the StretchPanel will not stretch rows/columns that do not have star-sized definitions. When the alignment is set to stretch, and even when fixed row lengths is enabled, the rows/columns without star-sized definitions will size to their content.
+
+#### First
+
+When set the `First`, the StretchPanel will stretch the first item in the row/column to occupy the remaining space when needed to comply with stretch alignment.
+
+#### Last
+
+When set to `Last`, the StretchPanel will stretch the last item in the row/column to occupy the remaining space when needed to comply with stretch alignment.
+
+#### Equal
+
+When set to `Equal`, the StretchPanel will stretch all items in the row/column to occupy the equal space throughout the row when needed to comply with stretch alignment.
+
+#### Proportional
+
+When set to `Proportional`, the StretchPanel will stretch all items in the row/column proportionally to their defined size to occupy the remaining space when needed to comply with stretch alignment.