Components

DropDown

<DropDown />

Simple set of components allowing you to create a dropdowns.

Usage

import { DropDown, DropDownTrigger, DropDownMenu, DropDownItem } from '@admin-bro/design-system'

It contains couple of sub components:

  • DropDown - an actual wrapper for entire DropDown
  • DropDownTrigger - it has to be right inside the DropDown. It is what user sees when the DropDown is not hovered
  • DropDownMenu - wraps elements which are hidden by default. Shown after hovering Trigger
  • DropDownMenuItem - it is a wrapper for a menu item list. It can next contain either Link or Button.

Props:

See:

View Source admin-bro-design-system/src/molecules/drop-down/drop-down.tsx, line 64

Example