Dropdown

Import/Installation

import { Button, DropdownContent, DropdownItem, DropdownRoot, DropdownTrigger } from "@lottiefiles/creator-plugins-ui";

Preview

Usage

<DropdownRoot>
  <DropdownTrigger render={<Button size="sm" variant="outline" />}>Options</DropdownTrigger>
  <DropdownContent>
    <DropdownItem>Duplicate</DropdownItem>
    <DropdownItem>Rename</DropdownItem>
    <DropdownItem variant="destructive">Delete</DropdownItem>
  </DropdownContent>
</DropdownRoot>

Props

DropdownItem

Prop	Type	Default	Required	Description
variant	"default" \| "destructive"	"default"	No	Visual variant for the menu item.
onSelect	(event: React.MouseEvent<HTMLDivElement>) => void	—	No	Callback fired when the item is selected. Maps to onClick internally for Base UI compatibility.

Built on Base UI Menu. See their docs for primitive-level details on DropdownRoot, DropdownTrigger, DropdownContent, DropdownGroup, DropdownLabel, DropdownPortal, and DropdownSeparator.