Color picker
Angular Bootstrap 5 Color picker plugin
Color Picker plugin allows you to select different colors. You can successfully use it in various product wizards, clothing sales, or other situations where you need to be able to choose a color.
Note: Read the API tab to find all available options and advanced customization
Native color picker
If you need the simplest form - use a native color picker.
Advanced color picker - basic example
The Advanced Color Picker can be placed anywhere on the page. You can initialize it using mdb-color-picker selector.
Disable state example
To add a Color picker as read-only use [disabled]="true" input.
Swatches
You can add ready-made samples for the user. Use the colorSwatches input and pass an array of colors as a parameter.
Swatches Height
If the defined samples take up a lot of space, you can set their maximum height using the colorSwatchesHeight input.
Default value
To set the default value use the defaultColor input.
Dropdown
You can use color picker as dropdown, just add the component inside a dropdown menu.
Disable section
Use [colorPalette]="false" input to disable color palette section.