-
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
Implementação de Componente Input Range Dinâmico #26
Comments
Ponto: 34 |
Mim dê papai, eu quero. |
Eu quero!!! |
Coe, terminando só falta a weight box manual e consertar o responsivo. |
anthonymanoel
added a commit
to anthonymanoel/pet-dex-frontend
that referenced
this issue
Jan 11, 2024
Closed
anthonymanoel
added a commit
to anthonymanoel/pet-dex-frontend
that referenced
this issue
Jan 11, 2024
…CSS e ajeitando bug do prettier fix devhatt#26
Eu quero!!! |
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Feb 28, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Feb 28, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Feb 29, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Feb 29, 2024
…ariable on component build fix devhatt#26
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Feb 29, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
…onent storybook to follow pattern fix devhatt#26
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
…lue and unit change fix devhatt#26
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 1, 2024
diogocaronte
pushed a commit
that referenced
this issue
Mar 2, 2024
* feat: input dinamic range slider fix #26 * fix: reverting changes on nopetregisredpage, this page should not be modified fix #26 * refactor: add breakpoint and scss vars in style file fix #26 * refactor: change html to span for semantic reasons and added a unit variable on component build fix #26 * style: hide unit span on mobile devices fix #26 * refactor: add getters and setters for RangeSlider values. change component storybook to follow pattern fix #26 * refactor: change variable name for better reading and understanding fix #26 * refactor: add options to storybook and unmount to remove event listeners fix #26 * refactor: sepated handlemove into handlemouse and handletouch move fix #26 * feat: add listener do key 'esc', when pressed the value resets fix #26
2 tasks
JonasGz
pushed a commit
to JonasGz/pet-dex-frontend-p4n4
that referenced
this issue
Mar 4, 2024
* feat: input dinamic range slider fix devhatt#26 * fix: reverting changes on nopetregisredpage, this page should not be modified fix devhatt#26 * refactor: add breakpoint and scss vars in style file fix devhatt#26 * refactor: change html to span for semantic reasons and added a unit variable on component build fix devhatt#26 * style: hide unit span on mobile devices fix devhatt#26 * refactor: add getters and setters for RangeSlider values. change component storybook to follow pattern fix devhatt#26 * refactor: change variable name for better reading and understanding fix devhatt#26 * refactor: add options to storybook and unmount to remove event listeners fix devhatt#26 * refactor: sepated handlemove into handlemouse and handletouch move fix devhatt#26 * feat: add listener do key 'esc', when pressed the value resets fix devhatt#26
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the feature
Desenvolvimento de um componente de input range para ajuste de valores, como o peso no PetDex.
Description
Implementar um componente interativo de input range que permita ao usuário ajustar valores movendo a régua com o dedo ou o mouse. Este componente deve apresentar uma animação suave e permitir a configuração de valores mínimos e máximos, além de expor eventos para mudanças em tempo real e ao finalizar a interação.Use Case
Este componente permitirá aos usuários do PetDex ajustar com precisão valores como o peso do pet, oferecendo uma interface intuitiva e amigável para uma experiência de usuário aprimorada.Implementation Details
O componente deve ser responsivo e acessível, com suporte para interação tanto em dispositivos móveis quanto desktops. Deve-se considerar a possibilidade de sobrescrita de estilos via SCSS para facilitar a personalização conforme necessário.Visual Concepts
O conceito visual atual pode ser consultado no Figma: [Layout PetDex](https://www.figma.com/file/ZQ5mPH1j2snuiVpkp68EI5/PetDex).Additional Information
Deve-se garantir que o componente siga as melhores práticas de usabilidade e acessibilidade, como diretrizes de ARIA para inputs do tipo range.Perguntas Pendentes
The text was updated successfully, but these errors were encountered: