DropdownMenu

Dropdown-Menü basierend auf Headless UI.

Beispiel


'use client';
 
import { DropdownMenu, DropdownMenuItem } from '@5minds/processcube_app_sdk/client';
 
export default function ActionsMenu() {
  return (
    <DropdownMenu>
      <DropdownMenuItem title="Bearbeiten" onClick={() => {}} />
      <DropdownMenuItem title="Duplizieren" onClick={() => {}} />
      <DropdownMenuItem title="Löschen" onClick={() => {}} isDanger />
    </DropdownMenu>
  );
}

DropdownMenuItem Props

Prop	Typ	Pflicht	Beschreibung
`title`	`string`	Ja	Anzeigetext des Menüeintrags
`onClick`	`() => void`	Ja	Klick-Handler
`isDanger`	`boolean`	Nein	Rote Darstellung für destruktive Aktionen

CSS

CSS wird beim Import der Komponente automatisch geladen.