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

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

Open
Tracked by #233
DominMFD opened this issue May 18, 2024 · 2 comments · May be fixed by #292
Open
Tracked by #233

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

DominMFD opened this issue May 18, 2024 · 2 comments · May be fixed by #292
Assignees

Comments

@DominMFD
Copy link
Contributor

DominMFD commented May 18, 2024

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


Additional Information

Lembre-se de seguir o figma!

@Alecell
Copy link
Contributor

Alecell commented May 18, 2024

Obrigado por abrir a issue

Verifique os nossos guidelines:

@Mathh19
Copy link
Contributor

Mathh19 commented Jul 11, 2024

Eu quero!!!

@Mathh19 Mathh19 linked a pull request Aug 12, 2024 that will close this issue
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Pending Approval
Development

Successfully merging a pull request may close this issue.

3 participants