Skip to content

Layout Header

@astryxdesign/core v0.7.1 · LayoutHeader

Props ​

PropTypeDefaultDescription
hasDividerboolean—Draws a rule along the bottom edge. When it is not set, defaultHasDividers on the parent Layout decides, and false is the last fallback.
heightnumber | string—Header height. Numbers are pixels, strings are used as they are.
labelstring—Accessible name for the landmark element.
paddingSpacingStep—Internal padding using the spacing scale. 0 lets the content manage its own inset.
paddingBlockEndSpacingStep—Bottom padding only. Overrides padding on that edge, so a tab underline or a rule can reach the header edge.
rolestring—ARIA landmark role.

SpacingStep accepts these values:

ts
type SpacingStep = 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10

Slots ​

  • 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.