Text (v3)
Functional component variations
Default state – all required fields at minimal values

Sample text


text (minimal value)

Sample text


text (maximal value)

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


text (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


All dialog fields populated with minimal values

Sample text


id (minimal value, inherited)

Sample text


id (maximal value, inherited)

Sample text


Style variations
Style: Alignment > Center

Sample text


Style: Alignment > Right

Sample text


Style: Type > Information box

Sample text


Style: Color of list bullets > AG Green

Sample text


Style: Color of list bullets > AG Blue

Sample text


Style: Color of list bullets > AG Blue Azure

Sample text


Style: Color of list bullets > Light gray

Sample text


Style: Color of list bullets > White

Sample text


Style: Unordered list bullet type > Limitation

Sample text


Style: Unordered list bullet type > Bullets

Sample text


Style: Text size > Lead text

Sample text


Style: Text size > Small text

Sample text


Default style (no explicit style applied)

Sample text


Style combo 1: Alignment>Center + Type>Information box + Color of list bullets>AG Green + Unordered list bullet type>Limitation + Text size>Lead text

Sample text


Style combo 2: Alignment>Right + Type>Information box + Color of list bullets>AG Blue + Unordered list bullet type>Bullets + Text size>Small text

Sample text


Style combo 3: Alignment>Center + Type>Information box + Color of list bullets>AG Blue Azure + Unordered list bullet type>Limitation + Text size>Lead text

Sample text


Style combo 4: Alignment>Right + Type>Information box + Color of list bullets>Light gray + Unordered list bullet type>Bullets + Text size>Small text

Sample text


Style combo 5: Alignment>Center + Type>Information box + Color of list bullets>White + Unordered list bullet type>Limitation + Text size>Lead text

Sample text


Critical integration: required dialog fields combined with primary style

Sample text