Sidebar hovered

I’m building a side menu bar that when I hover over the icon, the group of that icon expands the width to 250px (original is 70px). However, when I hover the mouse to the end of the expanded group, when it reaches the limit of the parent group (sidebar group) it returns to 70px. What I’m trying to do is something similar to the sidebar of this template:

Here is a video exemplifying my problem

Can you help me?

Here’s a video that was posted a week ago by @build.marshall

This is based on hover interaction but setting it up in a way that it would collapse using buttons/elements should be easy

Hope this helps :slight_smile:

1 Like

Thanks for sharing Nino!

I still haven’t managed to make the hovered effect remain when I drag the mouse to the resized container. :frowning:

Can you help me?