{{ pageTitle }} {{ pageSubtitle }}

{{ overviewIntro }}

{{ scrollContractTitle }}

{{ scrollContractBody }}

  • {{ item }}
{{ basicTitle }}

{{ basicBody }}

{{ startTitle }}

{{ startBody }}

{{ topTitle }}

{{ topBody }}

{{ footerTitle }}

{{ footerBody }}

{{ noBackdropTitle }}

{{ noBackdropBody }}

{{ lazyTitle }}

{{ lazyBody }}

{{ serviceTitle }}

{{ serviceBody }}

{{ guardedTitle }}

{{ guardedBody }}

{{ largeTitle }}

{{ largeBody }}

{{ flexTitle }}

{{ flexBody }}

{{ realWorldTitle }}

{{ realWorldBody }}

{{ eventLog }}
{{ basicPanelHeading }}

{{ basicPanelBody }}

{{ i + 1 }} {{ step }}

{{ startPanelBody }}
{{ topHeadline }}

{{ topPanelBody }}
{{ footerPanelTitle }}
{{ footerPanelSubtitle }}
{{ footerPanelHeading }}

{{ footerPanelBody }}

{{ helperPanelBody }}
{{ lazyPanelHeading }}
  • {{ item }}
{{ serviceFlowTitle }}

{{ serviceFlowBody }}
{{ guardedWarning }}
{{ xlReasonTitle }}

{{ xlReasonBody }}

{{ monitoredEventsTitle }}
  • {{ item }}
Custom Flex Section

This area behaves cleanly inside a flexible column using utilities, without being forced by .offcanvas-body constraints, because it disables enableDefaultBodyClass and turns the body into a custom flex shell through bodyClass.

Flexible Custom Scrollable Container

More trailing content below the flex container.
{{ realWorldPanelTitle }}
{{ item.code }} {{ item.timeLabel }}
{{ item.signatureLabel }}
{{ item.userName }}
{{ item.details }}
{{ realWorldEmptyState }}