Criação de componente de slider

[PiluVitu]

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.

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]

Obrigado por abrir a issue

Verifique os nossos guidelines:

• Código de conduta
• Contribuição
• Guia de Estilo