Skip to content

Commit d57c223

Browse files
authored
[docs] Add TS demo for MenuPopupState (#18998)
1 parent 0cb1c04 commit d57c223

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed
Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import Button from '@material-ui/core/Button';
3+
import Menu from '@material-ui/core/Menu';
4+
import MenuItem from '@material-ui/core/MenuItem';
5+
import PopupState, { bindTrigger, bindMenu } from 'material-ui-popup-state';
6+
7+
export default function MenuPopupState() {
8+
return (
9+
<PopupState variant="popover" popupId="demo-popup-menu">
10+
{popupState => (
11+
<React.Fragment>
12+
<Button variant="contained" color="primary" {...bindTrigger(popupState)}>
13+
Open Menu
14+
</Button>
15+
<Menu {...bindMenu(popupState)}>
16+
<MenuItem onClick={popupState.close}>Cake</MenuItem>
17+
<MenuItem onClick={popupState.close}>Death</MenuItem>
18+
</Menu>
19+
</React.Fragment>
20+
)}
21+
</PopupState>
22+
);
23+
}

0 commit comments

Comments
 (0)