Logo items

The DropdownMenu component supports logo items using the DropdownMenu.LogoItem component. This allows you to create items with logos that can be used to represent brands or services.

Properties

LogoItem

The LogoItem component is a specialized item that displays a logo.

<DropdownMenu.LogoItem
  logo="gitlab"             // logo name
  title="Item title"        // title of the item
  original                  // [OPTIONAL] use original logo colors
  description="Description" // [OPTIONAL] description text
  label="Label"             // [OPTIONAL] right-aligned label
  shortcut="⌘K"             // [OPTIONAL] keyboard shortcut
  checkmark                 // [OPTIONAL] show checkmark icon
  className="my-class"      // [OPTIONAL] custom class
  disabled                  // [OPTIONAL] disable the item
  onSelect={onSelect}       // [OPTIONAL] event handler
>
  {/* Optional nested items for submenu */}
</DropdownMenu.LogoItem>

Prop	Required	Default	Type
logo	true		string
original	false	false	boolean
title	true		ReactNode
description	false		string
label	false		string
shortcut	false		string
checkmark	false	false	boolean
tag	false		TagProps
className	false		string
disabled	false	false	boolean
onSelect	false		(event: Event) => void
children	false		ReactNode