Element: <oj-messages>

Inline messages will include a bottom border so that the messages section is demarcated from the contents below it. If this border is not desirable for certain page layouts, it can be removed by setting this marker class on oj-messages.

<oj-messages class="oj-messages-inline-remove-bottom-border">
  <!-- Content -->
</oj-messages>

Inline messages (Banners) can be either Edge-to-Edge or Outlined. By default, the inline messages are rendered as Edge-to-Edge Banner messages. If Outlined Banner messages are preferred instead, add oj-messages-outlined class on the oj-messages element.

<oj-messages class="oj-messages-outlined">
  <!-- Content -->
</oj-messages>