代码示例

默认情况下,此库会根据用户拖拽过程管理光标。您可以通过PanelGroup提供的customCursor方法覆盖默认光标,customCursor方法接收鼠标是否按下的状态,您可以根据这个状态改变光标样式。但通常不建议自定义光标。

left
right
1const customCursor = ({ isPointerDown }) => {
2    return isPointerDown ? 'grabbing': 'grab'
3  }
4  return (
5    <PanelGroup customCursor={customCursor}>
6      <Panel minSize={10} defaultSize={30}>
7        left
8      </Panel>
9      <PanelResizeHandle />
10      <Panel minSize={20} defaultSize={30}>
11        right
12      </Panel>
13    </PanelGroup>
14  )
ON THIS PAGE