Color Picker / API

Blazor Color Picker - API Functionalities

Loading Syncfusion Blazor Server Demos…

Choose a color

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

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

In this sample, the ColorPicker is rendered with default configuration.

Customization Options:

This sample can be customized further with the combination of ColorPicker properties from the property panel. For example:

  • Control (Apply/Cancel) buttons can be enabled or disabled using the Show Buttons checkbox from the property panel.
  • Select the color by entering the color value in the property panel Value textbox.
  • Switch between Picker and Palette modes by selecting the Mode from the mode dropdown list.
  • Enable or disable the ColorPicker using the Disabled checkbox from the property panel.
  • Enable or disable the mode switcher using the Mode Switcher checkbox from the property panel.

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

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