对话框页眉
@astryxdesign/core v0.7.1 · DialogHeader
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | — | 对话框标题。打开时获得默认焦点,并为对话框命名。必填。 |
subtitle | string | — | 标题下方的次要文字。为空字符串且没有 subtitle 插槽时不渲染。 |
hasCloseButton | boolean | false | 显示关闭按钮,点击时发出 openChange(false)。 |
endContentEdgeCompensation | 'inline' | 'block' | 'all' | 有关闭按钮时为 all | 后置槽补偿哪几条边。inline 只收行末,block 只收上下,all 两边都收。没有关闭按钮且不传这个属性时不补偿。 |
closeButtonLabel | string | 跟界面语言 | 关闭按钮的无障碍名称。英文默认 Close,中文默认「关闭」。 |
hasDivider | boolean | false | 底部画一条主题分隔线,颜色取 --astryx-color-border。 |
事件
openChange(isOpen: boolean):点击关闭按钮时以false触发。
插槽
title:替换标题里的文字,适合放行内内容。标题元素仍是对话框的名字。subtitle:副标题里的行内内容。startContent:标题之前的内容,例如返回按钮。endContent:关闭按钮之前的内容。