PageSection

PageSection

Structural and presentation surfaces for authored PageSections.

Kind

Layout

Documentation

Root

qp-section

Root rendered page section.

Children

qp-section__body

Section content region.

qp-section__header

Section heading region.

qp-section__subtitle

Supporting section heading text.

qp-section__title

Section title.

Modifiers

qp-section--regions

Marks a section composed from regions.

Width

Standard authored Section width mapping.

  • default — qp-section--width-default
  • wide — qp-section--width-wide
  • full — qp-section--width-full
  • theme — no core class; delegated to theme

Appearance

Standard authored Section surface mapping. The theme value emits no standard appearance class, so its authored class and active theme own the complete custom surface composition, including any necessary internal inset.

  • default — qp-section--appearance-default
  • alternate — qp-section--appearance-alternate
  • transparent — qp-section--appearance-transparent
  • theme — no core class; delegated to theme

States

qp-section--sticky-only

Section that contributes sticky UI without normal visible in-flow content.