mirror/checktheroads-hyperglass
1
0
Fork 0
mirror of https://github.com/checktheroads/hyperglass synced 2024-05-11 05:55:08 +00:00
Code Releases Activity

accessibility improvements

Browse Source
This commit is contained in:
checktheroads
2020-05-02 16:09:03 -07:00
parent 51d3804d07
commit 07508b4b02
16 changed files with 2482 additions and 2485 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
hyperglass/ui/components/FooterButton.js
View File

@@ -4,24 +4,29 @@ import { motion } from "framer-motion";
const AnimatedFlex = motion.custom(Flex);
export default React.forwardRef(({ onClick, side, children, ...props }, ref) => {
const FooterButton = React.forwardRef(
({ onClick, side, children, ...props }, ref) => {
return (
<AnimatedFlex
p={0}
w="auto"
ref={ref}
flexGrow={0}
float={side}
flexShrink={0}
maxWidth="100%"
flexBasis="auto"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.6 }}
>
<Button size="xs" variant="ghost" onClick={onClick} {...props}>
{children}
</Button>
</AnimatedFlex>
<AnimatedFlex
p={0}
w="auto"
ref={ref}
flexGrow={0}
float={side}
flexShrink={0}
maxWidth="100%"
flexBasis="auto"
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ duration: 0.6 }}
>
<Button size="xs" variant="ghost" onClick={onClick} {...props}>
{children}
</Button>
</AnimatedFlex>
);
});
}
);
FooterButton.displayName = "FooterButton";
export default FooterButton;