Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Icones dinamicos

tem como mudar a cor do icone usado no componente quando o mesmo é propriedade? exemplo, icone de "save" é o defaut e deixei em branco, troquei por icon de "check" ao usar elemento filho mas o branco não veio carregado

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Ei, Ezequias! Tudo bem?

Você pode testar mexer na funcionalidade Cores de seleção que aparece ao selecionar o ícone de check. Por exemplo:

  • Abra o projeto e selecione a sessão do checkbox.
  • Selecione a camada do checkbox.
  • No lado direito, no menu de funções, aparecerá Cores de seleção.
  • Clique no quadradinho que representa a cor e mude para a sua preferência.

Lembrando que esses passos foram executados com o checkbox usado em aula.

Interface do Figma mostrando camadas à esquerda com “Teste - Checkbox” selecionado (①). Abaixo, ícones de checkbox: um marcado com check azul (③) e o caminho “remix-icons/fill/system/check” destacado (②). À direita, painel de propriedades na aba “Personalizado” exibe “Cores de seleção” (④) com a cor “feedback/warning/700” escolhida (⑤), um tom amarelo-alaranjado de alerta (⑥). Na área de design, aparecem checkboxes e botões roxos em várias variações.

Espero ter ajudado. Qualquer dúvida, compartilhe no fórum para podermos te auxiliar.

Até mais e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado
solução!

Ola, obrigado pela solução proposta, acabei pensando em outra abordagem, retangulos coloridos em cada variante, e o icon como Mask
consegui dessa forma dinamizar o icon respeitando a cor do "state". Muito importante um frame em volta do icon porque se não o Mask se perde ao trocar o icon. O "vazado" do icon foi respeitado tranquilamente

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

tambem ha uma animação de hover