Action Menu

Example

1import { ActionMenu } from 'ui'
2import {
3  EllipsisVerticalIcon,
4  PencilIcon,
5  TrashIcon,
6} from '@heroicons/react/20/solid'
7
8function ExampleMenu() {
9  return (
10    <ActionMenu
11      links={[
12        { label: 'Edit', href: '#', IconComponent: PencilIcon },
13        {
14          label: 'Delete',
15          href: '#',
16          IconComponent: TrashIcon,
17          type: 'danger',
18          onClick: () => toast.warn('Deleted...'),
19        },
20      ]}
21    >
22      <EllipsisVerticalIcon className="w-4 h-5" />
23    </ActionMenu>
24  )
25}