This component presents a dropdown that is controlled by a toggle button. It is compatible with screen readers and keyboard navigation.
Attached to the
Dropdown component are a few components used to construct the widget:
Dropdown.Toggle: the dropdown’s toggle button that opens and closes it
Dropdown.Item: a menu item in the dropdown’s menu
Dropdown.Separator: a separator between that can be inserted between menu items in the dropdown’s menu
This variation utilizes the size property
size="xs" for other sizes please refer to Button sizes.