分栏

已上架

分栏组件，源码位于 components/ui/split-pane.tsx。以下示例为组件库源码的构建期真实渲染。

样式变体

左右分栏Horizontal

左栏

右栏

上下分栏Vertical

上栏

下栏

有界尺寸Bounded

35%

剩余

状态变体

默认Default

A

B

悬浮 handleHover handle

A

B

键盘焦点Keyboard focus

A

B

形态变体

滚动内容Scrollable pane

左侧长内容
条目 A
条目 B
条目 C
条目 D

预览区

工作台Workbench

导航

编辑器

监听尺寸Size callback

监听

回调