devhatt / pet-dex-frontend

31 stars 43 forks source link

Criar a funcionalidade de aparecer as laterais do sliding component #232

Open DominMFD opened 1 month ago

DominMFD commented 1 month ago

Describe the feature O sliding componente deve ter a funcionalidade de permitir configuravelmente que apareça parte do slide seguinte e o slide anterior.

Description Essa tarefa visa trazer mais dinamicidade para nosso componente de sliding, permitindo que assim ele seja mais versátil.


Use Case Quando o slide tiver mais de 1 item, deve ser possível ver, nas laterais do slider, o slide seguinte de forma configurável em aparência do slide em si.


Implementation Details Para fazer essa alteração algumas coisas precisarão acontecer: - O componente deve ter uma configuração de "espaçamento lateral" esse espaçamento será a distancia do item atual para a borda do slider em si. Assim no centro (fora do padding) haverá o slide atual e no `padding` será onde acontecerá a visão dos itens adjacentes. - O modo de sliding deve ser configurável, ou seja, é possível slidar normalmente com apenas um item passando e outro entrando, mas essa nova funcionalidade exige que tenhamos o modo de passagem de shuffle - O componente precisa permitir que, por evento, seja customizável o root dos slides adjacentes seja no slide em si com a adição de classe CSS, seja no conteúdo do slide recebendo um evento e agindo conforme a necessidade.


Visual Concepts Esse é o componente que usa essa funcionalidade: ![image](https://github.com/devhatt/pet-dex-frontend/assets/13935760/2e5d7820-e7cf-4f21-89d0-a435e9d4773e)


Additional Information Lembre-se de seguir o figma!
Alecell commented 1 month ago

Obrigado por abrir a issue

Verifique os nossos guidelines: