Dialog 对话框

覆盖在主窗口或其他对话框窗口上的窗口，使下方的内容处于惰性状态。

基础用法

Example

自定义底部

你可以自定义底部操作。

Example

全屏

对话框可以覆盖整个屏幕。

Example

可拖拽与调整大小

对话框可以通过标题拖拽和调整大小。

Example

主题定制

全局定制 (BrConfigProvider)

你可以通过 BrConfigProvider 的 theme 属性覆盖默认 CSS 变量。

Example

API

BrDialog

属性名	类型	默认值	说明
open	boolean	undefined	对话框的受控打开状态。
defaultOpen	boolean	undefined	对话框初始渲染时的打开状态。当不需要控制打开状态时使用。
modal	boolean	true	对话框的模态性。设置为 true 时，禁用与外部元素的交互（包括滚动锁定）。设置为 false 以保持页面可滚动。

BrDialogContent

属性名	类型	默认值	说明
class	string	undefined	应用于内容的附加类。
showClose	boolean	true	是否显示关闭按钮。
fullscreen	boolean	false	是否以全屏模式渲染。
draggable	boolean	false	对话框是否可拖拽（拖拽手柄为标题）。
resizable	boolean	false	对话框是否可调整大小。

BrDialogTrigger

属性名	类型	默认值	说明
asChild	boolean	false	将默认渲染元素更改为作为子元素传递的元素，合并其属性和行为。

BrDialogTitle

属性名	类型	默认值	说明
asChild	boolean	false	将默认渲染元素更改为作为子元素传递的元素，合并其属性和行为。

BrDialogDescription

属性名	类型	默认值	说明
asChild	boolean	false	将默认渲染元素更改为作为子元素传递的元素，合并其属性和行为。