-
Notifications
You must be signed in to change notification settings - Fork 45
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: create toggle component #77
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Precisa preencher o conteúdo do PR com a issue, descrição e etc
Precisa tambem adicionar o componente no storybook!
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. |
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.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
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
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
BOA!!
* 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