devhatt / pet-dex-frontend

31 stars 43 forks source link

Sliding Component #209

Closed DominMFD closed 4 weeks ago

DominMFD commented 2 months ago

Closes #94

Feature Componente de Sliding criado com algumas funcionalidades.
Visual evidences :framed_picture: ![image](https://github.com/devhatt/pet-dex-frontend/assets/134434652/a13fc8a9-6413-4145-a47a-2d7d25ec0f9b) https://github.com/devhatt/pet-dex-frontend/assets/134434652/afe1c65c-ce58-473c-b382-545806a121db https://github.com/devhatt/pet-dex-frontend/assets/134434652/7bf976ce-fd17-4190-88c7-9a9a932df984
Checklist - [x] Issue linked - [x] Build working correctly - [x] Tests created
Additional info ## Componente de Sliding O componente de sliding permite que o usuário navegue por entre diferentes conteúdos por meio de botões clicáveis ou por meio de swipping. ### Propriedades O componente recebe um array de itens que são os elementos que vão fazer parte do slide, também recebe mais duas propriedades: - `loopMode:` recebe uma string que define se o loop do sliding vai ser `normal`, ou seja parar na extremidades, ou vai ser `infinite`. - `controls:` recebe um boolean que define se vai ter os botões clicáveis ou não. ### Funcionalidades programáticas O sliding tem algumas funções para seu uso de forma programática: - `addItem():` Adiciona o item passado por parâmetro ao componente; - `removeItem():` Remove do componente o item passado por parâmetro; - `setSlide():` Seleciona um item de forma programática; - `next():` Passa para o próximo item; - `prev():` Volta para o item anterior; - `setControls():` Muda a definição dos controles; - `setLoopMode():` Muda o loopMode; - `clearItems():` Limpa os itens do componente;
hxsggsz commented 1 month ago

tem que ver o ci ai de eslint que ta quebrado tambem