Skip to content

Masonry guidance

Lab Guidance

Progressive enhancement only.

Primary example

Authored content remains available when Thin-Sky assets or optional JavaScript are unavailable.

Anatomy

  • Authored semantic content
  • Optional Thin-Sky presentation attributes

Variants and sizes

  • Default theme-driven presentation

Gallery coverage: No structured variant fixtures are published yet; the primary example above is the only verified production markup.

Rendered fixtures exercise authored content and constrained layouts with the same production assets.

  • Default
  • Difficult content and narrow containers

Structured state fixtures are not published for this item yet.

Interaction and keyboard behavior

No JavaScript interaction is owned by this item.

Accessibility

Use native semantics and preserve meaningful content, names, focus order, and state without presentation.

Contract
PLATFORM
Basis
Native CSS layout and document defaults over semantic HTML; no APG widget

API

Apply the matching thin-* layout class to the element that groups the content.

Behavior tier: css-only

Structured host, property, and example tables are not authored for this item yet. Use the summary above and the primary example.

Fallback

Authored content remains available when Thin-Sky assets or optional JavaScript are unavailable.

Assets and dependencies

No production assets are assigned to this planning record.