We'd like to add the following design and function to the draggable resizer so users are able to easily collapse and open the side panels in the new query experience.
There should be a prop in the component to allow developers to turn collapse and open on or off
There should be a prop in the component that allows developers to have the panel open or closed by default
There should be a prop to indicate if the resizer is being used for a left or right panel - this will change the icon and direction the panel will close and open from
When the panel menu is closed, the draggable resizer isn't shown
Use the new collapse/open icon to indicate which direction the panel will open and close
We'd like to add the following design and function to the draggable resizer so users are able to easily collapse and open the side panels in the new query experience.
Draggable resizer (right panel) open
Draggable resizer (right panel) closed
Link to Figma: https://www.figma.com/file/0qAntPk5LVangAHguWT74X/Query-Experience-Project?node-id=1258%3A53744
Outstanding question: Do I need to update the open/close icon to match any changes that we're making to the icon set?