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

Componente Drop Down #47

Closed
Alecell opened this issue Jan 8, 2024 · 3 comments · Fixed by #73
Closed

Componente Drop Down #47

Alecell opened this issue Jan 8, 2024 · 3 comments · Fixed by #73
Assignees

Comments

@Alecell
Copy link
Contributor

Alecell commented Jan 8, 2024

Describe the feature
Desenvolvimento de um componente de seleção (dropdown) personalizado alinhado ao design do PetDex.

Description Implementar um componente dropdown seguindo as especificações de design fornecidas, que deverá receber uma lista de opções e emitir um evento ao mudar a seleção.

Use Case O componente será utilizado para seleções de opções em formulários, melhorando a experiência do usuário e mantendo a consistência visual do projeto.

Implementation Details Utilizar JavaScript, HTML e SCSS para criar um componente funcional que seja adaptável e reutilizável em diferentes partes da aplicação.

Visual Concepts O layout visual está disponível no Figma para referência na implementação do estilo do componente.

image


Additional Information Considerar a acessibilidade e a usabilidade durante a implementação, garantindo que o componente seja navegável via teclado e leitores de tela.

Perguntas Pendentes:

  • Existem estados adicionais do componente (por exemplo, erro, desabilitado) que precisam ser considerados?
@Alecell
Copy link
Contributor Author

Alecell commented Jan 8, 2024

Obrigado por abrir a issue

Verifique os nossos guidelines:

@Marcelovmendes
Copy link

Eu quero!

@DominMFD
Copy link
Contributor

DominMFD commented Feb 2, 2024

Eu quero!!!

DominMFD added a commit to DominMFD/pet-dex-frontend that referenced this issue Feb 9, 2024
dropdown component done

BREAKING CHANGE: dropdown component done

feat devhatt#47
@DominMFD DominMFD mentioned this issue Feb 9, 2024
3 tasks
DominMFD added a commit to DominMFD/pet-dex-frontend that referenced this issue Feb 21, 2024
BREAKING CHANGE: fit: change error message from Portuguese to English

fix devhatt#47
DominMFD added a commit to DominMFD/pet-dex-frontend that referenced this issue Feb 27, 2024
PiluVitu pushed a commit to DominMFD/pet-dex-frontend that referenced this issue Mar 27, 2024
Co-authored-by: Alexandre Gomes <alecell.dev@gmail.com>

feat: create emit event for dropdown component

chore: dropdown parameter received

fix: dropdown html ajusted

chore: change padding value for rem

fix: fit: change error message from Portuguese to English

BREAKING CHANGE: fit: change error message from Portuguese to English

fix devhatt#47

chore: method of adding and removing items implemented

fix: fix: implemeted emit in add and remove method

refactor: Dropdown component refactor

chore: test and storybook for Dropdown component

test: tested the dropdwon component

fix: message error for english

chore: add label and width in props

chore: implemented receive css class by props

chore: adjusting dropdwon's position property

fix: removes unnecessary tests

fix: tests names

fix: changing component classes to BEM css

fix: Dropdown component style ajusted

chore: toggleDropdown, openDropdown, closeDropdown,  setLabel, getLabel, setValue, getValue, clearOptions, clearDropdown methods implemented

fix: closeDropdown fixed

reactor: refactor dropdown component

fix: setValue and OnSelect methods fixed
PiluVitu pushed a commit to DominMFD/pet-dex-frontend that referenced this issue Mar 27, 2024
Co-authored-by: Alexandre Gomes <alecell.dev@gmail.com>

feat: create emit event for dropdown component

chore: dropdown parameter received

fix: dropdown html ajusted

chore: change padding value for rem

fix: fit: change error message from Portuguese to English

BREAKING CHANGE: fit: change error message from Portuguese to English

fix devhatt#47

chore: method of adding and removing items implemented

fix: fix: implemeted emit in add and remove method

refactor: Dropdown component refactor

chore: test and storybook for Dropdown component

test: tested the dropdwon component

fix: message error for english

chore: add label and width in props

chore: implemented receive css class by props

chore: adjusting dropdwon's position property

fix: removes unnecessary tests

fix: tests names

fix: changing component classes to BEM css

fix: Dropdown component style ajusted

chore: toggleDropdown, openDropdown, closeDropdown,  setLabel, getLabel, setValue, getValue, clearOptions, clearDropdown methods implemented

fix: closeDropdown fixed

reactor: refactor dropdown component

fix: setValue and OnSelect methods fixed
diogocaronte pushed a commit that referenced this issue Apr 22, 2024
* chore: starting component dropdown

Co-authored-by: Alexandre Gomes <alecell.dev@gmail.com>

feat: create emit event for dropdown component

chore: dropdown parameter received

fix: dropdown html ajusted

chore: change padding value for rem

fix: fit: change error message from Portuguese to English

BREAKING CHANGE: fit: change error message from Portuguese to English

fix #47

chore: method of adding and removing items implemented

fix: fix: implemeted emit in add and remove method

refactor: Dropdown component refactor

chore: test and storybook for Dropdown component

test: tested the dropdwon component

fix: message error for english

chore: add label and width in props

chore: implemented receive css class by props

chore: adjusting dropdwon's position property

fix: removes unnecessary tests

fix: tests names

fix: changing component classes to BEM css

fix: Dropdown component style ajusted

chore: toggleDropdown, openDropdown, closeDropdown,  setLabel, getLabel, setValue, getValue, clearOptions, clearDropdown methods implemented

fix: closeDropdown fixed

reactor: refactor dropdown component

fix: setValue and OnSelect methods fixed

* fix: change variable name itemSelected from selectedItem

* chore: implements clearValue, setPlaceholder and getPlaceholder

* chore: create toJson method

* fix: fix the toJson method

* refactor: refactor toJSON method
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Closed
Development

Successfully merging a pull request may close this issue.

3 participants