Transition between Panels in Tabs component | Mantine | Page 1

kindred canyon Aug 27, 2022, 7:37 AM

#

How can I do transition between Panels in Tabs component ?
I tried using transition component with this configuration but the transition didn't happen

<Tabs.Panel value="messages" pt="xs">
  <Transition
      mounted={true}
      transition="fade"
      duration={400}
      timingFunction="ease"
    >
    {(styles) => <div style={styles}>Message tab content</div>}
  </Transition>
</Tabs.Panel>

Any ideas ?

peak prism Aug 27, 2022, 10:53 AM

#

try <Tabs keepMounted={false}>

kindred canyon Aug 27, 2022, 11:05 AM

#

peak prism try <Tabs keepMounted={false}>

I tried it but I got the same result

kindred canyon Aug 28, 2022, 8:29 AM

#

@novel shadow Any help in this matter ?

#Transition between Panels in Tabs component