DropDown.js Component

Functionality

Resizeable, Reusable, and Dynamic dropdown component for displaying and choosing items from a list, supporting functionality of single or multi-item selection.

Props

The component takes the following props.

Prop	Type	Description
multiSelect	boolean	Enabling multi-select menu options
description	string	Dropdown component name tag
listItems	array	List of items for display in menu

Usage

<DropDown
  multiSelect=true
  description="This is the menu description"
  listItems=["item1", "item2", "item3", "item4"]
/>

Getting Started

Prerequisites

1. Git
2. Node
3. React
4. A clone of the react-dropdown-bar repo on your local machine

Installations

1. cd hiveproject to go into the project root
2. npm install to install the website's npm dependencies

Running Locally

1. npm start to start the development server
2. open http://localhost:3000 to open the site in your browser

Hive Interview Project

This repo consists of a Drop Down Menu Component for the Hive Interview Project.

Project Description

Using React or vanilla (plain) Javascript, build a reusable dropdown menu component. Please do not use a pre-built dropdown from a component library. We expect you to build this from scratch.

License

MIT Licensed. Copyright (c) Mohammad Sleiman 2022.