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

[Dúvida] Modal Button

Olá, boa tarde.

Após seguir todos os passos da aula, tive sucesso em criar o modal e fazê-lo funcionar.

Porém, ao clicar no botão, o mesmo perde a propriedade de "Secundário" e só volta ao normal quando passa o mouse em cima dele. O botão utilizado é o mesmo dos exemplos anteriores (utilizado na aula de componentes base).

Na imagem abaixo, é possível ver que ele se encontra como "Enabled" e "Secondary".

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

Antes de clicar no Botão 2:

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

Depois de clicar no Botão 2:

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

O botão só volta ao normal quando eu passo o mouse sobre ele novamente.

Obs: Acabei percebendo que após o primeiro click em "Abrir o modal", ele também muda de cor e permanece assim até que você reinicie o programa:

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

3 respostas

E aí Bruno, tudo bem?

Seguinte, imagino que o problema seja a falta da interação "mouse leave", que deve estar ligada da variant clicada do botão (focused) até a variante padrão (enabled). Se vc preferir, deixa o link do seu projeto aqui e compartilha com alurauxdesign@gmail.com!

E aí Mateus, tudo certo.

Eu só gostaria de saber se seria um "problema" deixar os botões desse jeito. Acabei indo além e sendo um pouco perfeccionista de notar todos esses detalhes.

Como a proposta da aula era botar em prática os modais, acredito que não tenha problema, certo?

solução!

Capaz, não é um problema não! O protótipo é só uma forma de representação, e independente do que a gente fizer no Figma, nunca vai ser 100% fiel da mesma forma que o produto no código será, então não tem problema nenhum. Se as pessoas que forem navegar no seu protótipo conseguirem entender que o botão está ativo para clicar, e o dev sabendo quais são as interações pra poder desenvolver, então tá tranquilo!