Criação de Componente Tabber Dinâmico para Navegação entre Conteúdos #28
Assignees
Labels
good first issue
Good for newcomers
Comments
Alecell
changed the title
|
Eu quero!!! |
|
Ponto: 21 |
|
Reassignei pq da mensagem no disc! |
|
Eu quero!!! |
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 9, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 9, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 9, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 10, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 10, 2024
…ic in the component fix devhatt#28
Merged
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
…ic in the component fix devhatt#28
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
…ic in the component fix devhatt#28
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 11, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
…ic in the component fix devhatt#28
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
…ic in the component fix devhatt#28
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
…position inside array of elements fix devhatt#28
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 12, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 13, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 13, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 13, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 17, 2024
RafaelLimaC
added a commit
to RafaelLimaC/pet-dex-frontend
that referenced
this issue
Mar 17, 2024
Alecell
pushed a commit
that referenced
this issue
Mar 19, 2024
* feat: create tabber component fix #28 * refactor: fix ::after, ::before of tab for desktop users fix #28 * refactor: fix ::after, ::before of tab for desktop users fix #28 * fix: bug on tabber mobile border fix #28 * refactor: change the way tabs are activated fix #28 * refactor: change the way tabs are activated fix #28 * feat: implement storybook for tabber component, also changed some logic in the component fix #28 * feat: implement storybook for tabber component, also changed some logic in the component fix #28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix #28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix #28 * fix: icon size inside tab button fix #28 * fix: a bug when removing and adding a tab would result in 2 tabs with same number fix #28 * fix: icon was visible in desktop mode fix #28 * fix: fontsize of xl4 to correct number fix #28 * style: update branch fix #28 * refatctor: stopped using index to control the element, now using the position inside array of elements fix #28 * refactor: refactor and encapsulate methods fix #28 * fix: revert wrong file commit fix #28 * refactor: minor changes fix #28 * refactor: activateTab method update fix #28 * refactor: minor changes2 fix #28 * refactor: minor changes fix #28 * refactor: active tab when tabber is initialized is now a param fix #28 * chore: fixed husky commit hooks * refactor: eof
DominMFD
pushed a commit
to DominMFD/pet-dex-frontend
that referenced
this issue
Mar 27, 2024
* feat: create tabber component fix devhatt#28 * refactor: fix ::after, ::before of tab for desktop users fix devhatt#28 * refactor: fix ::after, ::before of tab for desktop users fix devhatt#28 * fix: bug on tabber mobile border fix devhatt#28 * refactor: change the way tabs are activated fix devhatt#28 * refactor: change the way tabs are activated fix devhatt#28 * feat: implement storybook for tabber component, also changed some logic in the component fix devhatt#28 * feat: implement storybook for tabber component, also changed some logic in the component fix devhatt#28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix devhatt#28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix devhatt#28 * fix: icon size inside tab button fix devhatt#28 * fix: a bug when removing and adding a tab would result in 2 tabs with same number fix devhatt#28 * fix: icon was visible in desktop mode fix devhatt#28 * fix: fontsize of xl4 to correct number fix devhatt#28 * style: update branch fix devhatt#28 * refatctor: stopped using index to control the element, now using the position inside array of elements fix devhatt#28 * refactor: refactor and encapsulate methods fix devhatt#28 * fix: revert wrong file commit fix devhatt#28 * refactor: minor changes fix devhatt#28 * refactor: activateTab method update fix devhatt#28 * refactor: minor changes2 fix devhatt#28 * refactor: minor changes fix devhatt#28 * refactor: active tab when tabber is initialized is now a param fix devhatt#28 * chore: fixed husky commit hooks * refactor: eof
DominMFD
pushed a commit
to DominMFD/pet-dex-frontend
that referenced
this issue
Mar 27, 2024
* feat: create tabber component fix devhatt#28 * refactor: fix ::after, ::before of tab for desktop users fix devhatt#28 * refactor: fix ::after, ::before of tab for desktop users fix devhatt#28 * fix: bug on tabber mobile border fix devhatt#28 * refactor: change the way tabs are activated fix devhatt#28 * refactor: change the way tabs are activated fix devhatt#28 * feat: implement storybook for tabber component, also changed some logic in the component fix devhatt#28 * feat: implement storybook for tabber component, also changed some logic in the component fix devhatt#28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix devhatt#28 * feat: tab can receive a icon to be used on mobile, also fixed storybook fix devhatt#28 * fix: icon size inside tab button fix devhatt#28 * fix: a bug when removing and adding a tab would result in 2 tabs with same number fix devhatt#28 * fix: icon was visible in desktop mode fix devhatt#28 * fix: fontsize of xl4 to correct number fix devhatt#28 * style: update branch fix devhatt#28 * refatctor: stopped using index to control the element, now using the position inside array of elements fix devhatt#28 * refactor: refactor and encapsulate methods fix devhatt#28 * fix: revert wrong file commit fix devhatt#28 * refactor: minor changes fix devhatt#28 * refactor: activateTab method update fix devhatt#28 * refactor: minor changes2 fix devhatt#28 * refactor: minor changes fix devhatt#28 * refactor: active tab when tabber is initialized is now a param fix devhatt#28 * chore: fixed husky commit hooks * refactor: eof
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the feature
Implementação de um componente tabber dinâmico que facilitará a navegação entre diferentes conteúdos e seções dentro do PetDex.
Description
Desenvolver um componente tabber que aceite um array de objetos como parâmetro, onde cada objeto representa uma aba e seu conteúdo correspondente. O componente deverá alternar entre as abas e exibir o conteúdo relevante sem recarregar a página.Use Case
O componente tabber será utilizado em várias áreas do PetDex para proporcionar uma experiência de usuário mais organizada e fluida, permitindo a fácil transição entre diferentes seções como informações sobre pets, guias de cuidados, e histórico médico.Implementation Details
O componente deve ser responsivo e acessível, com suporte a teclado e leitores de tela. As abas devem ser controláveis programaticamente e o estado ativo deve ser claramente visível. O design deve seguir as diretrizes fornecidas no layout do Figma.Visual Concepts
O layout visual e as diretrizes de design podem ser encontrados no seguinte link do Figma: [Layout PetDex](https://www.figma.com/file/ZQ5mPH1j2snuiVpkp68EI5/PetDex?type=design&mode=design).Additional Information
É importante que o desenvolvimento do componente siga as práticas recomendadas de usabilidade e acessibilidade, para garantir uma experiência consistente e inclusiva para todos os usuários.Perguntas Pendentes
Recomendações
The text was updated successfully, but these errors were encountered: