ColorPicker
The color picker (ColorPicker) is used to browse through and select colors. By default, it lets people navigate through colors on a color spectrum, or specify a color in either Red-Green-Blue (RGB), or alpha color code; or Hexadecimal textboxes.
Usage
Basic
Show code
Alpha & Preview
Show code
Use alpha slider and preview option in the BitColorPicker, allowing to adjust the transparency of the color and preview the result.
Binding
Show code
The color type (hex or rgb) of the BitColorPicker automatically matches the initial value of the Color parameter.
For example, if the initial value of this parameter is in hex format, the component will return the resulting colors in hex and vice versa.
RGB:
Color: rgb(255,255,255)
HEX:
Color: #FFFFFF
Two-way binding:
Events
Show code
Handle color change events in the BitColorPicker. This example shows how to capture the selected color and its alpha value when the user makes a selection.
OnChange:
Color:
Alpha: 0
Public API
Show code
Explore the public API of the BitColorPicker component, including how to access different color formats such as Hex, RGB, RGBA, and HSV using component references.
Color: #FFFFFF
Hex:
Rgb:
Rgba:
Hsv:
Style & Class
Show code
Apply custom CSS classes and styles to the BitColorPicker component for tailoring its appearance to fit your design needs.
Style
Class
API
BitColorPicker parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitColorChangeEventArgs properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page