Menu
Align
StartEnd
Icons
OnOff
Danger
OnOff
Code
import { Button } from '@/ui/button';
import { Menu, MenuContent, MenuItem, MenuSeparator, MenuTrigger } from '@/ui/menu';
<Menu>
<MenuTrigger render={<Button variant="secondary" size="md" icon="dots" iconPosition="only">More</Button>} />
<MenuContent>
<MenuItem icon="edit">Rename</MenuItem>
<MenuItem icon="download">Download</MenuItem>
<MenuSeparator />
<MenuItem icon="trash" tone="danger">Delete</MenuItem>
</MenuContent>
</Menu>