The v-color-picker allows you to select a color using a variety of input methods.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Le composant v-color-picker utilise la prop v-model pour contrôler la couleur affichée. Il supporte les chaînes hexadécimales telles que #FF00FF et #FF00FF00, et les objets représentant les valeurs RGBA, HSLA et HSVA .
Adjust the elevation of the v-color-picker component using the elevation or flat prop. The flat is equivalent to setting elevation to 0.
En utilisant la propshow-swatches vous pouvez afficher un tableau de nuances de couleurs dont les utilisateurs peuvent choisir. Il est également possible de personnaliser les couleurs affichées en utilisant la propswatches. Cette prop accepte un tableau à deux dimensions, où la première dimension définit une colonne, et la deuxième dimension définit les nuances de haut en bas en fournissant des chaînes d'hex rgba. Vous pouvez également définir la hauteur maximale de la section nuances avec la prop swatches-max-height.
Les entrées de nombre peuvent être masquées avec la prop hide-inputs. Vous pouvez aussi masquer l'icône de switch avec la prop hide-mode-switch. Le mode peut également être contrôlé à l'extérieur par la prop mode.
Le canevas peut être caché avec la prop hide-canvas et vous pouvez définir sa hauteur avec la prop canvas-height. La taille du point de sélection peut être contrôlé avec la prop dot-size.