jamsr_ui_react_menu_component_basic_quickstart.ts

1import React from 'react';
2import {
3  Menu,
4  MenuContent,
5  MenuItem,
6  MenuTrigger,
7  Button,
8} from "@jamsr-ui/react";
9
10export const MenuUsage = () => {
11  return (
12    <Menu>
13      <MenuTrigger>
14        <Button variant="filled">Open Menu</Button>
15      </MenuTrigger>
16      <MenuContent>
17        <MenuItem key="profile">Profile</MenuItem>
18        <MenuItem key="settings">Settings</MenuItem>
19        <MenuItem key="team">Team</MenuItem>
20        <MenuItem key="logout" color="danger">
21          Logout
22        </MenuItem>
23      </MenuContent>
24    </Menu>
25  );
26};
27
28export default MenuUsage;