Design language

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>