Skip to content

Layout Content

@astryxdesign/core v0.7.1 · LayoutContent

Props ​

PropTypeDefaultDescription
isScrollablebooleantrueScrolls the region when its content is taller than the space it was given.
labelstring—Accessible name for the landmark element.
paddingSpacingStep—Internal padding using the spacing scale. Overrides the padding the surrounding layout passes down. 0 makes the region full bleed.
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 primary content.

Template ref ​

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