Skip to content

对话框页眉

@astryxdesign/core v0.7.1 · DialogHeader

属性 ​

属性类型默认值说明
titlestring—对话框标题。打开时获得默认焦点,并为对话框命名。必填。
subtitlestring—标题下方的次要文字。为空字符串且没有 subtitle 插槽时不渲染。
hasCloseButtonbooleanfalse显示关闭按钮,点击时发出 openChange(false)。
endContentEdgeCompensation'inline' | 'block' | 'all'有关闭按钮时为 all后置槽补偿哪几条边。inline 只收行末,block 只收上下,all 两边都收。没有关闭按钮且不传这个属性时不补偿。
closeButtonLabelstring跟界面语言关闭按钮的无障碍名称。英文默认 Close,中文默认「关闭」。
hasDividerbooleanfalse底部画一条主题分隔线,颜色取 --astryx-color-border。

事件 ​

  • openChange(isOpen: boolean):点击关闭按钮时以 false 触发。

插槽 ​

  • title:替换标题里的文字,适合放行内内容。标题元素仍是对话框的名字。
  • subtitle:副标题里的行内内容。
  • startContent:标题之前的内容,例如返回按钮。
  • endContent:关闭按钮之前的内容。