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
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
andMenuItem
components for this.Tasks:
Figma example https://www.figma.com/design/MLPbP1HM2L9ON6f88pHTee/User-onboarding?node-id=0-1&t=p8i05HjYo4ihqe9j-0![image](https://github.com/bluewave-labs/bluewave-onboarding/assets/132397574/c9c99126-9a6a-4cf2-9192-1fbd0cb517ef)