d1a1135328
* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
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>
|
|
)
|
|
}
|