Layout Header
@astryxdesign/core v0.7.1 · LayoutHeader
Props
| Prop | Type | Default | Description |
|---|---|---|---|
hasDivider | boolean | — | Draws a rule along the bottom edge. When it is not set, defaultHasDividers on the parent Layout decides, and false is the last fallback. |
height | number | string | — | Header height. Numbers are pixels, strings are used as they are. |
label | string | — | Accessible name for the landmark element. |
padding | SpacingStep | — | Internal padding using the spacing scale. 0 lets the content manage its own inset. |
paddingBlockEnd | SpacingStep | — | Bottom padding only. Overrides padding on that edge, so a tab underline or a rule can reach the header edge. |
role | string | — | ARIA landmark role. |
SpacingStep accepts these values:
ts
type SpacingStep = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10Slots
default: the header content.
Template ref
LayoutHeader exposes element. Its type is HTMLDivElement | null.
Native attributes
The root element receives HTML attributes, aria-* attributes, data-* attributes, class, and style. class is merged with the component's own classes.