布局页眉
@astryxdesign/core v0.7.1 · LayoutHeader
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
hasDivider | boolean | — | 在底边画一条线。不写时看外层 Layout 的 defaultHasDividers,都没有就是 false。 |
height | number | string | — | 页眉高度。写数字按像素,写字符串原样使用。 |
label | string | — | 这个地标的无障碍名称。 |
padding | SpacingStep | — | 用间距刻度写内边距。写 0 就是让内容自己管边距。 |
paddingBlockEnd | SpacingStep | — | 只改下边内边距,会盖掉这一条边上的 padding,方便标签下划线和分隔线贴住页眉边缘。 |
role | string | — | ARIA 地标角色。 |
SpacingStep 可以取这些值:
ts
type SpacingStep = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10插槽
default:页眉内容。
模板引用
LayoutHeader 公开 element。 类型为 HTMLDivElement | null。
原生属性
根元素会接收 HTML 属性、aria-* 属性、data-* 属性、class 和 style。class 会和组件自己的类合并。