You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the feature
Criar o componente que será responsável pela adição do Pet. Esse componente deve ser o pai de todos os componentes que compõem as etapas de adição de pet.
Description
A página de adição de pet importa todas as etapas de adição de pet, adicionando o progress, o visual clue da etapa e o titulo da página.
Use Case
Quando o usuário clicar em adicionar pet essa página irá abrir e haverá um sliding entre cada etapa de adição de pet até a conclusão do formulário.
Implementation Details
Usar o componente de sliding que já existe no projeto
Usar o componente de Progress já existente no projeto
Lembre-se de atualizar o estado do progress bar e da etapa atual (texto 1/9) de acordo com a troca do slide.
Para essa página, deverá ser utilizado o margin negativo para sobrepor o padding da home, para que o componente de
progress, e o footer, de concluir, fique sobreposto em toda a tela
Não se esqueça de criar uma variável do valor do padding e de utilizá-la, para que seja utilizada também no margin
negativo e facilite a manutenção
Visual Concepts
Em vermelho é o conteúdo que o AddPetPage possuirá.
Em azul é o conteúdo importado de uma etapa do AddPetPage, esse conteúdo será trocado de acordo com a etapa que o usuário está do slider
Additional Information
Lembre-se de seguir o figma!
The text was updated successfully, but these errors were encountered:
Describe the feature
Criar o componente que será responsável pela adição do Pet. Esse componente deve ser o pai de todos os componentes que compõem as etapas de adição de pet.
Description
A página de adição de pet importa todas as etapas de adição de pet, adicionando o progress, o visual clue da etapa e o titulo da página.Use Case
Quando o usuário clicar em
adicionar pet
essa página irá abrir e haverá um sliding entre cada etapa de adição de pet até a conclusão do formulário.Implementation Details
Usar o componente de sliding que já existe no projeto
Usar o componente de Progress já existente no projeto
Lembre-se de atualizar o estado do progress bar e da etapa atual (texto 1/9) de acordo com a troca do slide.
Para essa página, deverá ser utilizado o margin negativo para sobrepor o padding da home, para que o componente de
progress, e o footer, de concluir, fique sobreposto em toda a tela
Não se esqueça de criar uma variável do valor do padding e de utilizá-la, para que seja utilizada também no margin
negativo e facilite a manutenção
Visual Concepts
Em vermelho é o conteúdo que o AddPetPage possuirá.
Em azul é o conteúdo importado de uma etapa do AddPetPage, esse conteúdo será trocado de acordo com a etapa que o usuário está do
slider
Additional Information
Lembre-se de seguir o figma!
The text was updated successfully, but these errors were encountered: