4e3f3b54cb
* add docs for medusa ui 2.0.0 * fix: copy as child example * fix: dropdown menu example * add accordion examples * fix lint issues * fix apos in progress tabs demo * resolve comments * add icon * bump z-index on modals to prevent clashing with navbar * add sidebar item and card * undo modal z index changes * add links to updated and new components * update version * rm inline code formatting on links --------- Co-authored-by: Shahed Nasser <shahednasser@gmail.com>
30 lines
908 B
TypeScript
30 lines
908 B
TypeScript
import { EllipsisHorizontal, PencilSquare, Plus, Trash } from "@medusajs/icons"
|
|
import { DropdownMenu, IconButton } from "@medusajs/ui"
|
|
|
|
export default function DropdownMenuDemo() {
|
|
return (
|
|
<DropdownMenu>
|
|
<DropdownMenu.Trigger asChild>
|
|
<IconButton>
|
|
<EllipsisHorizontal />
|
|
</IconButton>
|
|
</DropdownMenu.Trigger>
|
|
<DropdownMenu.Content>
|
|
<DropdownMenu.Item className="gap-x-2">
|
|
<PencilSquare className="text-ui-fg-subtle" />
|
|
Edit
|
|
</DropdownMenu.Item>
|
|
<DropdownMenu.Item className="gap-x-2">
|
|
<Plus className="text-ui-fg-subtle" />
|
|
Add
|
|
</DropdownMenu.Item>
|
|
<DropdownMenu.Separator />
|
|
<DropdownMenu.Item className="gap-x-2">
|
|
<Trash className="text-ui-fg-subtle" />
|
|
Delete
|
|
</DropdownMenu.Item>
|
|
</DropdownMenu.Content>
|
|
</DropdownMenu>
|
|
)
|
|
}
|