e8b7782f5e
- Makes menus fully accessible and keyboard driven - Currently adds 2.8% to initial bundle size due to the inclusion of Reakit and its dependency, popperjs. - Converts all menus to functional components - Remove old custom menu system - Various layout and flow improvements around the menus closes #1766
22 lines
474 B
JavaScript
22 lines
474 B
JavaScript
// @flow
|
|
import { MoreIcon } from "outline-icons";
|
|
import * as React from "react";
|
|
import { MenuButton } from "reakit/Menu";
|
|
import NudeButton from "components/NudeButton";
|
|
|
|
export default function OverflowMenuButton({
|
|
iconColor,
|
|
className,
|
|
...rest
|
|
}: any) {
|
|
return (
|
|
<MenuButton {...rest}>
|
|
{(props) => (
|
|
<NudeButton className={className} {...props}>
|
|
<MoreIcon color={iconColor} />
|
|
</NudeButton>
|
|
)}
|
|
</MenuButton>
|
|
);
|
|
}
|