feat: create toggle component #77
Conversation
nathalia-84
force-pushed
the
issue-71
branch
from
87f8ec0
to
deb777b
Compare
cmo faço para adicionar ao storybook? |
Abra o projeto, rode o "pnpm install" e rode o "pnpm storybook". Acesse o storybook no seu navegador lá terá uma pequena explicação. Se ainda estiver com dúvidas você pode marcar uma call comigo. |
nathalia-84
force-pushed
the
issue-71
branch
from
deb777b
to
53e1788
Compare
Consegui adicionar ao storybook, mas ainda tenho algumas dúvidas a respeito de como adicionar controls, vou tentar falar com você lá no discord sobre isso. |
Pode me chamar quando ver eu em call no discord |
There was a problem hiding this comment.
Ta lindo! Só alguns ajustes!
Sem meme, sua animação ta me dando ansiedade, podemos deixar ela um pouco mais rapidinha? 😁
Seu componente também ta com um problema sério de arquitetura. Ele não está do tamanho que vemos visualmente:
Eu não vou falar qual era o problema, quero que vc descubra! Fica ai o desafio! 😁
…mated switch and external event listeners fix devhatt#71
…mated switch and external event listeners fix devhatt#71
* feat: Implement toggle component adhering to Material Design with animated switch and external event listeners fix devhatt#71 * feat: Implement toggle component adhering to Material Design with animated switch and external event listeners fix devhatt#71 * Made some adjustments according to reviews * Write modifiers according to BEM * Adjust Toggle function * Solved conflicts * Make adjustments according to reviews * Made adjustments according to reviews, changed scss file structure * Create setToggle function * Adjust scss and setToggle method structure
* feat: Implement toggle component adhering to Material Design with animated switch and external event listeners fix devhatt#71 * feat: Implement toggle component adhering to Material Design with animated switch and external event listeners fix devhatt#71 * Made some adjustments according to reviews * Write modifiers according to BEM * Adjust Toggle function * Solved conflicts * Make adjustments according to reviews * Made adjustments according to reviews, changed scss file structure * Create setToggle function * Adjust scss and setToggle method structure
Closes #71
Feature
Implementação de um componente de alternância (toggle).
Changelog
Este componente toggle implementa uma funcionalidade de alternância (toggle). Ele consiste em um elemento `input` do tipo checkbox que é acompanhado por uma etiqueta `label`. Quando o usuário interage com o componente, alternando o estado do checkbox, o visual do componente é atualizado para refletir o estado atual. Além disso, o componente emite um evento de 'toggle' sempre que ocorre uma mudança de estado, permitindo que outras partes da aplicação reajam a essa mudança, se necessário.Visual evidences:
https://github.com/devhatt/pet-dex-frontend/assets/64925426/e7c3af2d-3e6b-4967-90a1-8ed1af0f792aChecklist
Additional info
N/A