CustomCheckbox

Checkbox customizável que permite adicionar cor ou imagem de fundo no indicador visual (útil para filtros de cor em produtos).

Uso

Checkbox simples:

<CustomCheckbox id="aceito" name="aceito" text="Aceito os termos" :checked="false" @change="handleChange" />

Filtro de cor:

<CustomCheckbox id="cor-azul" name="cor" text="Azul" color="#0000FF" @change="handleChange">
  <template #count>(12)</template>
</CustomCheckbox>

Propriedade	Tipo	Obrigatória	Valor padrão	Descrição
`id`	`String`	❌	`''`	Atributo `id` do input. Deve ser único na página.
`name`	`String`	❌	`''`	Atributo `name` do input para agrupamento de formulário.
`text`	`String`	❌	`''`	Label exibida ao lado do checkbox.
`checked`	`Boolean`	❌	`false`	Estado inicial do checkbox.
`color`	`String`	❌	`null`	Cor de fundo do indicador visual em hexadecimal (ex.: `'#FF0000'`).
`image`	`String`	❌	`null`	URL de imagem de fundo do indicador visual.

Evento	Payload	Descrição
`change`	`Boolean`	Emitido com o novo estado (`true`/`false`) ao clicar.

Slot	Descrição
`count`	Conteúdo adicional exibido após o label, geralmente usado para mostrar a contagem de itens.

⌘I