Blazor Color Picker - API Functionalities

Color Picker / API

This sample demonstrates customization of the ColorPicker component by using its properties from the property pane. Select any combination of properties from the property pane to customize the ColorPicker component.

Loading Syncfusion Blazor Server Demos…

Choose a color

Selected Color
Color Picker Mode
Disable Picker
Show Buttons
Enable Mode Switcher

In this sample, ColorPicker is rendered with default configuration.

This sample can be customized further with the combination of color picker properties from the property pane. For example,

  • Control (Apply/Cancel) buttons can be enabled or disabled using Show Buttons checkbox from the property pane.
  • You can select the color by entering the color value in the property pane Value textbox.
  • You can switch to Picker and Palette modes by clicking and selecting the Mode from select mode dropdownlist.
  • you can enable or disable the ColorPicker using Disabled checkbox from property pane.
  • you can enable or disable the mode switcher using Mode Switcher checkbox from property pane.

More information about Blazor ColorPicker component can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE