Banners

Placement modes

Banner positions:
- TOP_FIXED: pinned to the top of the viewport
- BOTTOM_FIXED: pinned to the bottom of the viewport
- TOP_RELATIVE: rendered in page flow near the top
- BOTTOM_RELATIVE: rendered in page flow near the bottom

Fixed banners are overlays. They stay attached to the viewport and do not reserve space in page layout. Relative banners render in normal document flow, so surrounding content naturally sits below or above them.

Composer model

Banner content is managed as rich text. Links live inside that content, and visual styling comes from the banner design controls instead of custom HTML/CSS.

Runtime rules

• Fixed banners own their top or bottom rail and use priority to decide which matching banner should render first.
• Relative banners render in page flow and do not reserve a fixed viewport rail.
• Banner layout overrides such as border color, border width, text color, background, padding, and dismiss visibility are still applied through runtime CSS scoping.