SuperColorPicker
Sélecteur de couleur interactif avec modes HSV, HEX et RGB(A). Inspiré de Radzen ColorPicker.
Basique
Lier la valeur via @bind-Value. Le composant émet un code HEX #RRGGBB.
Avec label
Le paramètre Label affiche un libellé au-dessus du picker.
Avec canal Alpha
Activez ShowAlpha pour afficher le curseur d'opacité.
La valeur émise devient #RRGGBBAA.
Valeur initiale
Passer une valeur initiale via le paramètre Value.
Désactivé
Le paramètre Disabled désactive toutes les interactions.
Plusieurs pickers côte à côte
Exemple d'utilisation de plusieurs pickers pour composer une palette.
SuperDropDownColorPicker
Version compacte en mode dropdown — un bouton affiche la couleur courante,
un clic ouvre le SuperColorPicker dans un panneau flottant.
Basique
Cliquez sur le bouton pour ouvrir le picker. Cliquez en dehors pour fermer.
Avec label
Le label est cliquable et ouvre également le dropdown.
Avec canal Alpha
La pastille du bouton reflète l'opacité via le damier en arrière-plan.
Désactivé
Le bouton est désactivé, aucune interaction possible.
Usage inline dans un formulaire
Le composant est inline-block et s'intègre naturellement
dans une ligne avec d'autres éléments.