DropdownMenu

DropdownMenu displays a menu to the user — such as a set of actions or functions — triggered by a button.

import { DropdownMenu } from '@backyard-ui/core';

Use the icon prop to render an icon on DropdownMenu.Item.

Use the DropdownMenu.Sub prop to render a SubMenu.

Use the DropdownMenu.CheckboxItem prop to render a CheckBox field.

Use the DropdownMenu.RadioGroup prop to render a Radio field.

The Popover can have a controlled state, using isOpen and onOpenChange props

• isOpen
  Description If `true` the Dialog will be initially opened

  Type

  boolean

  Default

  false
• isModal
  Description The modality of the dropdown menu. When set to `true`, interaction with outside elements will be disabled and only menu content will be visible to screen readers.

  Type

  boolean

• isLoop
  Description If `true`, keyboard navigation will loop from last item to first, and vice versa.

  Type

  boolean

  Default

  false
• asChild
  Description

  Type

  boolean

• icon
  Description

  Type

  ReactElement<any, string | JSXElementConstructor<any>>
• isDisabled
  Description

  Type

  boolean
• asChild
  Description

  Type

  boolean

• asChild
  Description

  Type

  boolean

• asChild
  Description

  Type

  boolean

• isChecked
  Description

  Type

  boolean | "indeterminate"
• isDisabled
  Description

  Type

  boolean
• asChild
  Description

  Type

  boolean

• isDisabled
  Description If `true`, prevents the user from interacting with the item.

  Type

  boolean

  Default

  false
• asChild
  Description

  Type

  boolean

• asChild
  Description

  Type

  boolean

• isOpen
  Description The controlled open state of the submenu. Must be used in conjunction with `onOpenChange`.

  Type

  boolean

  Default

  false
• isDefaultOpen
  Description The open state of the submenu when it is initially rendered. Use when you do not need to control its open state.

  Type

  boolean

  Default

  false

• icon
  Description Custom icon element

  Type

  ReactElement<any, string | JSXElementConstructor<any>>
• isDisabled
  Description If `true`, prevents the user from interacting with the item.

  Type

  boolean

• isLoop
  Description If `true`, keyboard navigation will loop from last item to first, and vice versa.

  Type

  boolean

  Default

  false
• asChild
  Description

  Type

  boolean