Skip to content
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

Criação de componente de slider #92

Closed
PiluVitu opened this issue Mar 4, 2024 · 1 comment
Closed

Criação de componente de slider #92

PiluVitu opened this issue Mar 4, 2024 · 1 comment
Labels

Comments

@PiluVitu
Copy link
Member

PiluVitu commented Mar 4, 2024

Describe the feature
Criação de um componente de slider para navegação entre diferentes conteúdos no PetDex.

Description Desenvolver um componente slider que permita ao usuário navegar entre diferentes conteúdos. O componente deve ser capaz de deslizar para trás arrastando e expor métodos `next()` e `prev()` para a navegação programática. Deve haver eventos que informem o slide atual sempre que a navegação ocorrer.

Use Case

O slider será utilizado em diversas partes do PetDex para permitir uma navegação intuitiva e direta entre conteúdos relacionados, como seleção de categorias de pets, galerias de imagens, entre outros.


Implementation Details

O slider deve ser implementado com a funcionalidade de touch para dispositivos móveis e opções de controle programático. Deve também permitir a personalização dos slides adjacentes e do slide atual de maneira fácil e acessível.


Visual Concepts

Embora não haja uma representação visual do componente de slider em ação, o layout atual pode ser visualizado no Figma: Layout PetDex.

image


Additional Information

Deve-se assegurar que o componente seja responsivo e acessível, seguindo as diretrizes de ARIA para componentes de slider.

Perguntas Pendentes:

  • Como os itens adjacentes devem ser editados? Existe alguma diretriz de estilo ou funcionalidade específica para isso?
  • Existe algum requisito específico para a animação entre os slides, ou isso deve ser definido em colaboração com a equipe de design?

Recomendações:

  • Considerar a implementação de testes automatizados para garantir a funcionalidade do slider em diferentes cenários de uso.
  • Documentar como os eventos de next() e prev() podem ser acessados e utilizados por outros componentes ou páginas.
  • Avaliar a utilização de bibliotecas existentes para a funcionalidade de slider ou a necessidade de desenvolver uma solução personalizada.
@Alecell
Copy link
Contributor

Alecell commented Mar 4, 2024

Obrigado por abrir a issue

Verifique os nossos guidelines:

@Alecell Alecell closed this as not planned Won't fix, can't repro, duplicate, stale Mar 4, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants