Resize only one element

[saomartinho]

Hey, Would like to know if it's possible to use this package just to resize an element? Like, this:

Screen.Recording.2024-03-26.at.12.20.08.mov

Basically, the idea is to create something like a "console," where the dark gray part is on top of the content, and the user can increase/decrease the height of the console without changing the height of the content.

We currently use another package for making these elements resizable, but it has some bugs, and we were considering migrating to react-resizable-panels. We'd like to know if this is possible.

Thanks in advance.

[bvaughn]

The video above looks like two panels (top: white, bottom: gray). That seems like a <PanelGroup direction="vertical"> to me. Am I misunderstanding something?

[saomartinho]

Sure, this can be one approach, but the ultimate goal is to keep the height of the light grey component unchanged. Essentially, the darkest grey element is positioned above (fixed bottom position), and we want the user to have the freedom to adjust the height of that element. Makes sense?

[bvaughn]

You could accomplish that by setting a fixed height/style to the light gray element and letting its content overflow the panel. That's what I would suggest trying, if you wanted to use this library.

Otherwise I'd say the use case we're describing isn't really one this library supports.

[saomartinho]

Thanks, i will try