PhotoshopPicker

Props

Besides modelValue and tinyColor (used with v-model and v-model:tinyColor respectively), <PhotoshopPicker /> also supports the following props:

Prop	Type	Default	Description
title	string	"Color picker"	The title displayed at the top of the picker dialog.
disableFields	boolean	false	If set to true, the color input fields (HSV, RGB and HEX inputs) are disabled.
hasResetButton	boolean	false	When true, a Reset button is displayed in the picker, allowing users to revert to the original color.
okLabel	string	"OK"	The label text for the OK button, which confirms the selected color.
cancelLabel	string	"Cancel"	The label text for the Cancel button, which closes the dialog without applying changes.
resetLabel	string	"Reset"	The label text for the Reset button.
newLabel	string	"new"	Text label used to denote the newly selected color preview.
currentLabel	string	"current"	Text label used to denote the currently active color ( currentColor).
currentColor	string	"#fff"	The initial current color value used as a reference for the original color (useful for the Reset functionality).

Events

<PhotoshopPicker /> emits update:modelValue and update:tinyColor events, which are used by v-model and v-model:tinyColor respectively.

Event	Payload	Description
ok	—	Emitted when the user clicks the OK button to confirm the selected color.
cancel	—	Emitted when the user clicks the Cancel button to close the dialog without applying changes.
reset	—	Emitted when the user clicks the Reset button. Usually it's used to restore the original color (as defined by currentColor).