-
Notifications
You must be signed in to change notification settings - Fork 44
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
Criação de Componente Tabber Dinâmico para Navegação entre Conteúdos #28
Labels
good first issue
Good for newcomers
Comments
Alecell
changed the title
Tabber
Criação de Componente Tabber Dinâmico para Navegação entre Conteúdos
Dec 17, 2023
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: