Skip to content

Create a Common Dropdown Component #63

@MrVintage710

Description

@MrVintage710

image

Proposed Feature

This feature is for adding in a dropdown menu. The dropdown menu should display all of the options provided in the dropdown, as well as an optional value on the right (INT or WIS in the example above). These values should be pulled from an object. When a selection is made, there should be a value that is set via a call back. There should also be a slot in the dropdown to allow for a custom component (like a search bar) . This is represented by the red box in the example above.

Figma Link: https://www.figma.com/design/pEKOr5N9RJqUNwGoFGXN1Q/Mockups?node-id=82-33&t=Lx76vdymKdNlyPqh-1

Acceptance Criteria

  • The component should be located at src/components/Dropdown
  • Make sure all features are well documented with JSDoc. Here is a guide for more info.
  • The component must have a story for the storybook. (Located at src/stories)
  • The component must have a width param.
  • The component must have a slot for a custom component.
  • A param for the objects it is going to display, and preferably a type for the shape of that object.
  • A callback to run when the Param must change.
  • Displays the data from the object, plus one optional piece of data on the right.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or requestfrontendUI related work.

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions