Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | import { ChevronDownIcon } from "@chakra-ui/icons";
import {
Button,
MenuButton,
MenuButtonProps,
forwardRef,
} from "@chakra-ui/react";
export const NavPopoverTrigger = forwardRef<MenuButtonProps, "button">(
({ children, ...props }, ref) => {
return (
<MenuButton
as={Button}
color="textPrimary"
fontWeight="500"
ref={ref}
rightIcon={<ChevronDownIcon h={6} w={6} />}
size="md"
variant="link"
{...props}
>
{children}
</MenuButton>
);
}
);
|