logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Splitter分隔面板

何时使用

  • 可以水平或垂直地分隔区域。
  • 当需要自由拖拽调整各区域大小。
  • 当需要指定区域的最大最小宽高时。

注意

目前只支持两个面板,多面板的支持会在不久之后增加。

Examples

初始化面板大小,面板大小限制。

expand code expand code

受控调整尺寸。当 Panel 之间任意一方禁用 resizable,则其拖拽将被禁用。

expand code expand code

使用垂直布局。

expand code expand code

配置 collapsible 提供快捷收缩能力。可以通过 min 限制收缩后不能通过拖拽展开。

expand code expand code
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.