From 57d19184e89bcca74eb1d1c3d68af88b409b57c5 Mon Sep 17 00:00:00 2001
From: DashTheDev <myersdashiel@gmail.com>
Date: Thu, 20 Jun 2024 18:40:42 +1000
Subject: [PATCH] Updated README & docs with Frame to Border changes.

---
 README.md                 | 8 ++++----
 docs/IndicatorItemView.md | 9 ++++-----
 docs/IndicatorsControl.md | 6 +++---
 3 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 9f3797c..e9c5058 100644
--- a/README.md
+++ b/README.md
@@ -121,12 +121,12 @@ Indicators styling:
 ``` xml
  <ContentPage.Resources>
     <ResourceDictionary>
-        <Style x:Key="ActiveIndicator" TargetType="Frame">
+        <Style x:Key="ActiveIndicator" TargetType="Border">
             <Setter Property="BackgroundColor" Value="Red" />
         </Style>
-        <Style x:Key="InactiveIndicator" TargetType="Frame">
+        <Style x:Key="InactiveIndicator" TargetType="Border">
             <Setter Property="BackgroundColor" Value="Transparent" />
-            <Setter Property="OutlineColor" Value="Red" />
+            <Setter Property="Stroke" Value="Red" />
         </Style>
     </ResourceDictionary>
 </ContentPage.Resources>
@@ -197,7 +197,7 @@ if you want to achieve scale or opacity changing effects for side views (**Scale
 -> If you want to customize indicators, you need set *SelectedIndicatorStyle* and/or *UnselectedIndicatorStyle*, or you are able to extend this class and override several methods.
 Also you can customize position of indicators (You need to set Rotation / Layout Options, Bounds etc.)
 
-This class is describing default indicators styles (each default indicator item is Frame)
+This class is describing default indicators styles (each default indicator item is a Border)
 https://github.com/AndreiMisiukevich/CardView.MAUI/blob/main/PanCardView/Common/Styles/DefaultIndicatorItemStyles.cs
 
 
diff --git a/docs/IndicatorItemView.md b/docs/IndicatorItemView.md
index b72161f..9ef21c5 100644
--- a/docs/IndicatorItemView.md
+++ b/docs/IndicatorItemView.md
@@ -4,9 +4,8 @@ The default Indicator template this has the following properties:
 ```csharp
     VerticalOptions = LayoutOptions.Center;
     HorizontalOptions = LayoutOptions.Center;
-    HasShadow = false;
-    Padding = 0;
-    HeightRequest = 10;
-    WidthRequest = 10;
-    CornerRadius = 5; 
+    StrokeShape = new Ellipse();
+    HeightRequest = 25;
+    WidthRequest = 25;
+    Size = 25;
 ```
\ No newline at end of file
diff --git a/docs/IndicatorsControl.md b/docs/IndicatorsControl.md
index 9494490..cc24213 100644
--- a/docs/IndicatorsControl.md
+++ b/docs/IndicatorsControl.md
@@ -13,7 +13,7 @@ If the IndicatorsControl is nested in a [CarouselView](CarouselView.md) or [Card
 
 ### Custom Indicator
 
-The default indicator is a `Frame` control that is a 10px by 10px circle. This can be change by setting the `ItemTemplate` then setting the `SelectedIndicatorStyle` and `UnselectedIndicatorStyle` styles.
+The default indicator is a `Border` control that is a 25px by 25px circle. This can be change by setting the `ItemTemplate` then setting the `SelectedIndicatorStyle` and `UnselectedIndicatorStyle` styles.
 
 ### Properties
 
@@ -23,8 +23,8 @@ Property | Type | Default | Description
 --- | --- | --- | ---
 SelectedIndex | `int` | 0 | The currently selected index this will disaplyed with the `SelectedIndicatorStyle`
 ItemsCount | `int` | 0 | The number of items the indicator should display.
-SelectedIndicatorStyle | `Style` | DefaultSelectedIndicatorItemStyle - Frame style that sets `Background` to White with .8 Alpha  | The style used when the indicator is selected.
-UnselectedIndicatorStyle | `Style` | DefaultUnselectedIndicatorItemStyle - Frame style that sets `Background` to Transparent and `OutlineColor` to White with .8 Alpha | The style used when the indicator is not selected.
+SelectedIndicatorStyle | `Style` | DefaultSelectedIndicatorItemStyle - Border style that sets `Background` to White with .8 Alpha  | The style used when the indicator is selected.
+UnselectedIndicatorStyle | `Style` | DefaultUnselectedIndicatorItemStyle - Border style that sets `Background` to Transparent and `Stroke` to White with .8 Alpha | The style used when the indicator is not selected.
 IsUserInteractionRunning | `bool` | true | Is used when `ToFadeDuration` is greater than 0 to show and hide the IndicatorControl.
 IsAutoInteractionRunning | `bool` | true | Is used when `ToFadeDuration` is greater than 0 to show and hide the IndicatorControl.
 HidesForSingleIndicator | `bool` | tru | Determines if we should hide indicators in case 1 element.