OpenMRS

React UI Library - Create Dropdown Component

Build a new dropdown component which is configurable via props.

This component should show the following behaviour depending on the props passed.

  • Simple dropdown : allows picking a single element.
  • Disabled dropdown.

An extra task would be creating a multi-select dropdown, which is not required for this particular task but you are welcome to attempt it!

Considerations:

  • Should allow passing a set of options with keys for identification. Study the HTML Select element to understand this requirement better.
  • Component should expose props to handle on change events to retrieve the selected option key.
  • Follow OpenMRS design theme - colors, fonts, icons. Use Material design icons if needed and available.
  • Follow the instructions at the repository (especially the Gitflow workflow) and the OpenMRS pull request tips.

Repository: [https://github.com/merovingienne/openmrs-module-ui-react]

Task tags

  • react
  • medium
  • ui
  • javascript

Students who completed this task

Bartłomiej Rasztabiga, Tomasz Domagała

Task type

  • code Code
  • web Design
close

2017