A resizable panel. Automatically sets the relevant layout var based on it's size and when resized.
Props
area
Where to place the panel.
banneror
cookieor
headeror
panelor
sidebaror
toolbar
panel
closeAt
When to snap the panel closed (if a closed mode is set).
number
100
closedMode
How the panel should respond to being closed.
collapsedor
none
none
closedSize
How large the panel should be when closed.
number
34
defaultSize
What size to default to.
number
200
end
Where to end the panel, inclusive. Must be the opposite axis to the area.
banneror
bodyor
cookieor
edgeor
headeror
panelor
sidebaror
toolbaror
undefined
maximumSize
The maximum possible size to resize to.
number
Infinity
minimumSize
The minimum possible size to resize to.
number
100
rememberMode
If the last mode of the panel should be kept in local storage.
booleanor
stringor
undefined
rememberSize
If the size of the panel should be kept in local storage.
booleanor
stringor
undefined
start
Where to start the panel, inclusive. Must be the opposite axis to the area.
banneror
bodyor
cookieor
edgeor
headeror
panelor
sidebaror
toolbaror
undefined
Events
modeChange
"collapsed" | "inline"
Triggers when the panel's mode changes.
Parts
The grabbable handle
The handle while collapsed
The handle while inline
The handle grips icon
The wrapping aside of the panel.