Inline Rendering in Blazor Color Picker Component

12 Aug 20211 minute to read

By default, the ColorPicker will be rendered using SplitButton and open the pop-up to access the ColorPicker. To render the ColorPicker container alone and to access it directly, render it as inline. It can be achieved by setting the Inline property to true.

The following sample shows the inline type rendering of ColorPicker.

@using Syncfusion.Blazor.Inputs

<h4>Choose a color</h4>
<SfColorPicker Value="035a" Inline="true" ShowButtons="false"></SfColorPicker>

Output be like below,

Inline Rendering in Blazor ColorPicker

The ShowButtons property is disabled in this sample because the control buttons are not needed for inline type. To know about the control buttons functionality, refer to the ShowButtons.