Steps to run the application

To start the application. use the commands:

npm start

Output:

Output



How to Make Scrollable Drop Down Lists in React-Bootstrap ?

In this article, we will learn how to make Scrollable Dropdown lists in React-Bootstrap. Drop-down lists allow users to choose an option from a list of available options visible whenever the corresponding component is clicked or triggered. Using React-bootstrap, we can customize the drop-down list as needed.

Syntax:

<Dropdown>
<Dropdown.Toggle>...</Dropdown.Toggle>
<Dropdown.Menu>
<Dropdown.Item>
<Dropdown.Item>
</Dropdown.Item>
</Dropdown.menu>
</Dropdown>

Similar Reads

Steps to create the application:

Step 1: Create the react app using the following CRA command....

Project Structure:

The project structure look like the following...

Approach

We will use react-bootstrap dropdown component to create the scrollable dropdown list as shown below....

Steps to run the application:

...

Contact Us