Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

dropdown

v1.0.0arrow_drop_down
v1.0.0
STATUS
Passing
DOWNLOADS
888
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
7 months ago
SIZE
20 KB
Determines the direction and location of the Menu in relation to it's Toggle.
1 contributor
Use dropdown in your project ?
Copied
npm i @bit/react-bootstrap.react-bootstrap.dropdown
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
Component Example
React
React
Vue
Angular
Add dependency... help_outline
Just
import
any of the 1 million components
and packages in Bit or NPM to the example.
import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';
revert changes
reload
toggle layout
maximize
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
modifieddraft
chevron_left
chevron_right

Determines the direction and location of the Menu in relation to it’s Toggle.

Align the menu to the right side of the Dropdown toggle

Whether or not the Dropdown is visible.

Allow Dropdown to flip in case of an overlapping on the reference element. For more information refer to Popper.js’s flip docs.

A callback fired when the Dropdown wishes to change visibility. Called with the requested show value, the DOM event, and the source that fired it: 'click','keydown','rootClose', or 'select'.

function(
  isOpen: boolean,
  event: SyntheticEvent,
  metadata: {
    source: 'select' | 'click' | 'rootClose' | 'keydown'
  }
): void

A callback fired when a menu item is selected.

(eventKey: any, event: Object) => any