Merge pull request #4887 from syncfusion-content/ej2-910776-colorpicker

910776: Color Picker new UG sample

Author: Satheeskumar-1989

blazor-toc.html

@@ -1519,6 +1519,9 @@
 					<li>
 						<a href="/blazor/color-picker/how-to/render-palette-alone">Render palette alone</a>
 					</li>
+					<li>
+						<a href="/blazor/color-picker/how-to/show-recent-color">Show Recent Color</a>
+					</li>
 				</ul>
 			</li>
 			<li>

blazor/color-picker/how-to/show-recent-color.md

@@ -0,0 +1,26 @@
+---
+layout: post
+title: Show Recent color in Blazor Color Picker Component | Syncfusion
+description: Checkout and learn here all about Show Recent color in Syncfusion Blazor Color Picker component and more.
+platform: Blazor
+control: Color Picker
+documentation: ug
+---
+
+# Show Recent color in Blazor Color Picker Component
+
+The [`ShowRecentColors`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_ShowRecentColors) property enables the display of recently selected colors in the ColorPicker when in palette mode. This feature helps users quickly access their most frequently used colors.
+
+>Note: The [`ShowRecentColors`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_ShowRecentColors) feature displays up to 10 recent colors as tiles and is available only in `palette` mode.
+
+In the following sample, the [`ShowRecentColors`](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Inputs.SfColorPicker.html#Syncfusion_Blazor_Inputs_SfColorPicker_ShowRecentColors) property is enabled to display recent colors in the `palette` area.
+
+```cshtml
+@using Syncfusion.Blazor.Inputs
+
+<h4>Choose a color</h4>
+<SfColorPicker ShowRecentColors="true"></SfColorPicker>
+```
+{% previewsample "https://blazorplayground.syncfusion.com/embed/LtLKiLLGUoxTFJzx?appbar=false&editor=false&result=true&errorlist=false&theme=bootstrap5" %}
+
+![Rendering Show Recent color in Blazor ColorPicker](./../images/blazor-colorpicker-show-recent-color.png)