All files / src/components/elements HideOnScroll.tsx

1
2
3
4
5
6
7
8
9
10
11
12
5x
5x
 
5x
15x
15x
 
 
 
 
 
 
import { Slide, useScrollTrigger } from '@mui/material';
import React from 'react';
 
export const HideOnScroll = React.memo(function _(props: { children: React.ReactElement }) {
  const trigger = useScrollTrigger();
  return (
    <Slide direction="down" appear={false} in={!trigger}>
      {props.children}
    </Slide>
  );
});