Messagebanner (v1)
Functional component variations
Default state – all required fields at minimal values
Sample text

Component-specific mandatory fields populated – validates new/overridden behaviour
Sample text

message (minimal value)
Sample text

message (maximal value)

This is rich text content for message with underline, a link, and AG Green style.


message (RTE showcase – all formatting options)

Heading 1 – RTE showcase

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold text, italic text, underlined text, bold-italic, bold-underline

  • Unordered item 1
  • Unordered item 2
  1. Ordered item 1
  2. Ordered item 2

Internal link | External link

AG Green styled text AG Blue styled text AG White styled text

Special characters: © € ® ™ – —

Left aligned

Center aligned

Right aligned


id (minimal value)
Sample text

id (maximal value)
Sample text

All dialog fields populated with minimal values
Sample text

Style variations
Style: Background > Gray
Sample text

Style: Type > Info
Sample text

Style: Type > Warning
Sample text

Default style (no explicit style applied)
Sample text

Style combo 1: Background>Gray + Type>Info
Sample text

Style combo 2: Background>Gray + Type>Warning
Sample text

Critical integration: required dialog fields combined with primary style
Sample text