pet-dex-frontend Desenvolvimento de Componente Slider com Controle de Navegação

Desenvolvimento de Componente Slider com Controle de Navegação

Open Alecell opened this issue 1 year ago • 8 comments

Describe the feature Criação de um componente de Sized Selector para seleção entre diferentes tamanhos de Pet.

Description

Desenvolver um componente Sized Selector que permita ao usuário selecionar entre diferentes tamanhos de Pet. O componente deve ser capaz de selecionar entre os tamanhos para a navegação programática. Deve haver eventos que informem o card atual sempre que o card for selecionado.

Use Case

O componente será utilizado no cadastro inicial do Pet para permitir uma navegação intuitiva, fazendo assim uma seleção sim e adequada do Pet

Implementation Details

O componente deve ser implementado com a funcionalidade de touch para dispositivos móveis e opções de controle programático.

Visual Concepts

Embora não haja uma representação visual do componente 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 select.

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 select ou a necessidade de desenvolver uma solução personalizada.