Can I apply animation to the tabs component?

[ojj1123]

I wonder if it is possible to apply animation to the tabs component as shown below.

RPReplay_Final1689153085.mov

Zag's tabs component

When I checked the HTML elements in the example of the tabs component, I found that elements that are not visible in the tab have a hidden attribute (Red highlight).

The zag documentation doesn't show how to apply animation, so I'm posting a question.

1. How can I implement the animation shown in the video above in the tabs component? Can I do it?
2. I will use an animation library like react-spring or framer-motion. Is it possible?

[cschroeter]

This should be possible using the presence machine. In Ark we have some Animations you can Check Out https://ark-ui.com/docs/react/components/tooltip#adding-animation