Color Switcher lets users choose one color from a fixed allowed palette. Use it for brand color presets, accent color presets, project colors, category colors, tag colors, tenant branding, and theme playground controls.
Use it for:
- Selecting one color from a predefined list of allowed colors.
- Binding the selected color with
selectedColorandcolorChange. - Using the component as an Angular form control with
ngModel. - Disabling the color choice when the palette should be visible but not editable.
Do not use Color Switcher for arbitrary custom colors; use Color Picker for that. Do not use it for light, dark, or auto theme mode; use Color Scheme for that. Do not replace it with Segmented or custom buttons when the task is choosing from a fixed color set.