No Options

The DropdownMenu component supports empty states using the DropdownMenu.NoOptions component. This is useful when there are no items to display in the dropdown menu.

Properties

NoOptions

The NoOptions component displays a message when there are no menu items available.

<DropdownMenu.NoOptions
  className="my-class" // [OPTIONAL] custom class
>
  {/* Custom message - defaults to "No options available" */}
</DropdownMenu.NoOptions>

Prop	Required	Default	Type
className	false		string
children	false	"No options available"	ReactNode