react-boostrap

React Bootstrap is a suite of components that are commonly used to build websites. The design elements are responsive and functional. . The website for it can be found here.

Below are components which are used within the dashboard. Please note that some components may take props which are unlisted here; the props listed here are merely the ones used in the dashboard.

Table of contents

  1. Tabs
  2. Tab
  3. DropdownButton
  4. Dropdown.Item

Tabs

Tabs is a component which renders a tabbed display.

Props Used:

  • defaultActiveKey: A string; the eventKey of the default tab that is shown.

Tab

Tab is the individual tab/page belonging to a tabs component.

Props Used:

  • eventKey: A string; a unique identifier for a tab.

DropdownButton is a component which renders a dropdown menu with clickable buttons.

Props Used:

  • title: A string; the text displayed on the dropdown button.
  • size: A string; the size of the button.
  • onSelect: A function; handles the selection of a menu item.

Dropdown.Item is the individual menu item of a dropdown menu.

Props Used:

  • eventKey: A string; a unique identifier for a dropdown item.