@zeedhi/zd-color-picker-vue v1.0.2

Componente Color Picker para Zeedhi

Instalação

O ZdColorPicker é composto pelos pacotes @zeedhi/zd-color-picker-common e @zeedhi/zd-color-picker-vue. Utilize o comando abaixo para instalar ambos automaticamente:

npm install @zeedhi/zd-color-picker

Para registrá-lo, adicione o seguinte código ao inicializar a aplicação (por exemplo no arquivo zeedhi.ts)

import Vue from 'vue';
import { ZdColorPicker } from '@zeedhi/zd-color-picker';
//import { ZdColorPicker } from '@zeedhi/zd-color-picker-vue'; caso tenha instalado os pacotes separadamente
                  
Vue.component('ZdColorPicker', ZdColorPicker);

Uso Básico

Para usar, defina a propriedade component como 'ZdColorPicker'. Com a propriedade multiple definida como false, um input padrão HTML é renderizado. Nesse caso o input sempre mostrará a cor preta mesmo se o campo não tiver valor definido.

{
	"name": "BasicUsageColorPicker",
    "component": "ZdColorPicker",
    "label": "Selecione uma cor",
    "grid":{
      "cols": 6
    }
}

Propriedades