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!
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!