Allow Content within Resizer (i.e. Text, Icon, etc.) #331
Description
Is your feature request related to a problem? Please describe.
I am in need of including text on the Resizer (the "title" for the pane below it) as well as an Icon that signals to the user that it is grabbable/draggable that is centered in the Resizer.
e.g.
||||My Title||||||||||||||||||||||||||||||||^^^||||||||||||||||||||||||||||||||||||||||||||
Describe the solution you'd like
I believe the easiest solution would be to, instead of immediately closing the <span... /> (that makes up the Resizer), we should instead include an optional prop (perhaps "children") that is nested inside the Resizer <span>{children}</span>.
Describe alternatives you've considered
I've set the bottom margin of the top pane to -##px so that the top content of the bottom pane overlays the resizer (that has an invisible background); however, this only works until the bottom pane has scrollable content in which my overlay content scrolls up into hidden.
Additional context
N/A