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

Implement DropdownList component #93

Open
6 tasks
uparkalau opened this issue Jul 2, 2024 · 1 comment
Open
6 tasks

Implement DropdownList component #93

uparkalau opened this issue Jul 2, 2024 · 1 comment
Assignees
Labels
frontend Frontend task/issue

Comments

@uparkalau
Copy link
Contributor

uparkalau commented Jul 2, 2024

Description:

The task involves creating a dropdown list component see the attached screenshot.
The dropdown menu should allow users to select an action from the list.

The example actions should include 'No action', 'Open a URL', and 'Open a URL in a new tab', it can be any amount of ,make it reusable.
The components should be integrated with Material UI.

A component for the dropdown list. Use Material UI's Select and MenuItem components for this.

Tasks:

  • Create the DropdownList component.
  • Ensure that the component is reusable and its styles are consistent with the rest of the application.
  • Integrate the component with Material UI and customize the styles as needed.
  • Write tests for the DropdownList component to ensure it works as expected.
  • Document the DropdownList component in the codebase for future reference.
  • Integrate new DropdownList component into our codebase. Refactor frontend\src\components\DropdownMenu\DropdownMenu.jsx

Figma example https://www.figma.com/design/MLPbP1HM2L9ON6f88pHTee/User-onboarding?node-id=0-1&t=p8i05HjYo4ihqe9j-0
image

@uparkalau uparkalau added the frontend Frontend task/issue label Jul 2, 2024
@erenfn
Copy link
Contributor

erenfn commented Jul 27, 2024

You should apply the figma styles, it is not finished yet

@erenfn erenfn reopened this Jul 27, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Frontend task/issue
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

3 participants