jamsrui_dropdown_menu_quickstart_with_trigger_and_items.ts

1import React from 'react';
2import { Menu, MenuTrigger, MenuContent, MenuItem } from '@jamsrui/menu';
3import { Button } from '@jamsrui/button';
4
5export const MenuQuickstart = () => {
6  return (
7    <Menu>
8      <MenuTrigger>
9        <Button variant="solid" color="primary">
10          Open Menu
11        </Button>
12      </MenuTrigger>
13      <MenuContent>
14        <MenuItem onClick={() => console.log('Profile clicked')}>
15          Profile
16        </MenuItem>
17        <MenuItem onClick={() => console.log('Settings clicked')}>
18          Settings
19        </MenuItem>
20        <MenuItem onClick={() => console.log('Logout clicked')} color="danger">
21          Logout
22        </MenuItem>
23      </MenuContent>
24    </Menu>
25  );
26};
27
28export default MenuQuickstart;