Kevin Powell - CommunityKP-C
Kevin Powell - Community2y ago
17 replies
empty

Problem with transition height

Hi guys, I'm trying to hide the tabs on scroll down and show on scroll up but I'm facing this problem. Can anyone help me? I'm using MUI and this is how I toggle the height.
<Box
 sx={{
   display: "grid",
   gridTemplateRows: isShowTabs ? "1fr" : "0fr",
   transition: "500ms grid-template-rows ease",
 }}
 >
  ......
 </Box>
Was this page helpful?