Merge pull request #267 from syncfusion-content/UGUpdate

943738 Added theme keys for OtpInput and BottomSheet controls - Master

Author: naveenkumar-sanjeevirayan

maui-toolkit/Themes/Keys.md

@@ -11,6 +11,58 @@ documentation: ug
 
 This page lists the keys for each control and the element to which it is mapped for all the controls.
 
+## SfBottomSheet
+
+<table>
+    <tr>
+        <th>Theme Dictionary <br/> <br/> </th>        
+        <th>Keys <br/> <br/> </th>
+        <th> Description <br/> <br/> </th>
+    </tr>
+
+    <tr>
+        <td rowspan="3">
+          SfBottomSheetStyles  <br/> <br/>
+        </td>
+		<td> SfBottomSheetTheme <br/> <br/>
+        </td>
+        <td>    
+            By merging this key in application resources, you can customize the appearance of SfBottomSheet without merging common theme resource and control style resource dictionaries.
+			
+{% highlight xaml %}
+
+<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
+             ...>
+ <Application.Resources>
+    <ResourceDictionary>
+        <ResourceDictionary.MergedDictionaries>
+            <syncTheme:SyncfusionThemeResourceDictionary />
+            <ResourceDictionary>
+                <x:String x:Key="SfBottomSheetTheme">CommonTheme</x:String>
+                <Color x:Key="SfBottomSheetBackground">AliceBlue</Color>
+                <Color x:Key="SfBottomSheetGrabberBackground">Black</Color>
+            </ResourceDictionary>
+        </ResourceDictionary.MergedDictionaries>
+    </ResourceDictionary>
+ </Application.Resources>
+ </Application>
+
+{% endhighlight %}
+            <br/>
+            <br/>
+        </td>
+        </tr>
+     <tr>
+        <td>SfBottomSheetBackground<br/><br/></td>
+        <td>The background color of the bottom sheet<br/><br/></td>
+    </tr>
+     <tr>
+        <td>SfBottomSheetGrabberBackground<br/><br/></td>
+        <td>The background color of the grabber<br/><br/></td>
+    </tr>
+   
+ </table>
+
 ## SfCartesian Chart
 
 <table>
@@ -856,6 +908,100 @@ This page lists the keys for each control and the element to which it is mapped
     </tr>
     </table>
 
+## SfOtpInput
+
+<table>
+    <tr>
+        <th>Theme Dictionary<br/>
+            <br/></th>        
+        <th>
+          Keys
+            <br/>
+            <br/>
+        </th>
+        <th>
+            Description
+            <br/>
+            <br/>
+        </th>
+    </tr>
+
+    <tr>
+        <td rowspan="5">
+            SfOtpInputStyles 
+            <br/>
+            <br/>
+        </td>
+		<td>
+           SfOtpInputTheme 
+            <br/>
+            <br/>
+        </td>
+        <td>    
+            By merging this key in application resources, you can customize the appearance of SfOtpInput without merging common theme resource and control style resource dictionaries.
+			
+{% highlight xaml %}
+
+<Application xmlns:syncTheme="clr-namespace:Syncfusion.Maui.Toolkit.Themes;assembly=Syncfusion.Maui.Toolkit"
+             ...>
+ <Application.Resources>
+    <ResourceDictionary>
+        <ResourceDictionary.MergedDictionaries>
+            <syncTheme:SyncfusionThemeResourceDictionary />
+            <ResourceDictionary>
+                <x:String x:Key="SfOtpInputTheme">CommonTheme</x:String>
+                <Color x:Key="SfOtpInputTextColor">Yellow</Color>
+                <Color x:Key="SfOtpInputFilledBackground">Red</Color>
+            </ResourceDictionary>
+        </ResourceDictionary.MergedDictionaries>
+    </ResourceDictionary>
+ </Application.Resources>
+ </Application>
+
+{% endhighlight %}
+            <br/>
+            <br/>
+        </td>
+        </tr>
+        <tr>
+        <td>
+            SfOtpInputTextColor  
+            <br/>
+            <br/>
+        </td>
+        <td>
+            Text color of the OTP Input.
+            <br/>
+            <br/>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            SfOtpInputFilledBackground 
+            <br/>
+            <br/>
+        </td>
+        <td>
+            The background color of the OTP Input on filled state.
+            <br/>
+            <br/>
+        </td>
+    </tr>
+
+   <tr>
+        <td> SfOtpInputBorderDefault <br/><br/></td>
+        <td>Border color of the OTP Input.<br/><br/>
+        </td>
+    </tr>
+
+    <tr>
+        <td> SfOtpInputPlaceholderColor <br/><br/></td>
+        <td> Placeholder color of the OTP Input.<br/><br/>
+        </td>
+    </tr>
+
+    </table>
+
 ## SfPullToRefresh
 
 <table>