react-resize-panel icon indicating copy to clipboard operation
react-resize-panel copied to clipboard

Hello, is there a way we can manipulate the width of the resizable panel?

Open deepseafishing opened this issue 5 years ago • 2 comments

When I give the width to the style of the resizable panel, it has that fixed with at the first render. I want to manipulate that width with a variable and changed the number but after the first render, it doesn't seem to change the width dynamically. Is there a way I can do this? Thanks!

deepseafishing avatar Mar 17 '20 19:03 deepseafishing

I actually changed the color to blue and increased the width of the draggable with :hover is this what you mean?

willydavid1 avatar Oct 06 '20 00:10 willydavid1

You can use vanilla JS to modify class width: document.getElementsByClassName("ResizePanel-module_ResizeContentHorizontal__1gGbA")[0].style.width = width;

dennisfoster avatar Dec 11 '20 12:12 dennisfoster