Maofeng
4efe3f3c64
Add Vite, React, MDX, and Tailwind documentation infrastructure. Document component, handbook, overview, and utility routes. Add interactive examples for every component family. Deduplicate React resolution and load the Tailwind 4 theme configuration.
27 lines
990 B
TypeScript
27 lines
990 B
TypeScript
// @ts-nocheck
|
|
import ContextMenu from '@/components/ui/context-menu';
|
|
|
|
export default function ExampleMenu() {
|
|
return (
|
|
<ContextMenu.Root>
|
|
<ContextMenu.Trigger>
|
|
Right click here
|
|
</ContextMenu.Trigger>
|
|
<ContextMenu.Portal>
|
|
<ContextMenu.Positioner>
|
|
<ContextMenu.Popup>
|
|
<ContextMenu.Item>Add to Library</ContextMenu.Item>
|
|
<ContextMenu.Item>Add to Playlist</ContextMenu.Item>
|
|
<ContextMenu.Separator className="mx-1 my-1 h-px bg-neutral-950 dark:bg-white" />
|
|
<ContextMenu.Item>Play Next</ContextMenu.Item>
|
|
<ContextMenu.Item>Play Last</ContextMenu.Item>
|
|
<ContextMenu.Separator className="mx-1 my-1 h-px bg-neutral-950 dark:bg-white" />
|
|
<ContextMenu.Item>Favorite</ContextMenu.Item>
|
|
<ContextMenu.Item>Share</ContextMenu.Item>
|
|
</ContextMenu.Popup>
|
|
</ContextMenu.Positioner>
|
|
</ContextMenu.Portal>
|
|
</ContextMenu.Root>
|
|
);
|
|
}
|