icon: React.ReactElement<any>;
}
-class DropdownMenu extends React.Component<DropdownMenuProps> {
+interface DropdownMenuState {
+ anchorEl: any;
+}
+export class DropdownMenu extends React.Component<DropdownMenuProps, DropdownMenuState> {
state = {
anchorEl: undefined
};
transformOrigin: PopoverOrigin = {
- vertical: "top",
- horizontal: "center"
+ vertical: -50,
+ horizontal: 0
};
render() {
open={Boolean(anchorEl)}
onClose={this.handleClose}
onClick={this.handleClose}
- anchorOrigin={this.transformOrigin}
transformOrigin={this.transformOrigin}>
{children}
</Menu>
this.setState({ anchorEl: event.currentTarget });
}
}
-
-
-export default DropdownMenu;