| AG

Simulatorlandingteaser (v1)

Functional component variations

Default state – all required fields at minimal values

Sample text

file (minimal value)

Sample text

file (maximal value)

Sample text

jcr:title (minimal value)

Sample text

jcr:title (maximal value)

Sample text

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

Sample text

jcr:title (RTE showcase – all formatting options)

Sample text

Bold title italic underlined AG Green AG Blue © € ® ™ link

Sample text

alternativeText (minimal value)

Sample text

alternativeText (maximal value)

Sample text

Comprehensive test content for alternativeText

ctaButton/text (minimal value)

Sample text

ctaButton/text (maximal value)

Sample text

Comprehensive test content for ctaButton/text

linkType = internal

Sample text

linkType = external

Sample text

linkType = anchor

Sample text

internalLink (minimal value)

Sample text

internalLink (maximal value)

Sample text

externalLink (minimal value)

Sample text

externalLink (maximal value)

Sample text

anchorLink (minimal value)

Sample text

anchorLink (maximal value)

Sample text

isPromoTag = true

Sample text

isPromoTag = false

Sample text

promoTagText (minimal value)

Sample text

promoTagText (maximal value)

Sample text

promoTagText (RTE showcase – all formatting options)

Sample text

All dialog fields populated with minimal values

Sample text

jcr:description (minimal value, inherited)

Sample text

jcr:description (maximal value, inherited)

<p>This is <b>rich text</b> content for <i>jcr:description</i> with <u>underline</u>, <a href="/content/sandbox/en/component-library/agbase">a link</a>, and <span class="ag-green">AG Green style</span>.</p>

Sample text

jcr:description (RTE showcase – all formatting, inherited)

<h1>Heading 1 – RTE showcase</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><p><b>Bold text</b>, <i>italic text</i>, <u>underlined text</u>, <b><i>bold-italic</i></b>, <b><u>bold-underline</u></b></p><ul><li>Unordered item 1</li><li>Unordered item 2</li></ul><ol><li>Ordered item 1</li><li>Ordered item 2</li></ol><p><a href="/content/sandbox/en/component-library/agbase">Internal link</a> | <a href="https://www.ag.be" target="_blank">External link</a></p><p><span class="ag-green">AG Green styled text</span> <span class="ag-blue">AG Blue styled text</span> <span class="ag-white">AG White styled text</span></p><p>Special characters: © € ® ™ – —</p><p style="text-align: left;">Left aligned</p><p style="text-align: center;">Center aligned</p><p style="text-align: right;">Right aligned</p>

Sample text

id (minimal value, inherited)

Sample text

id (maximal value, inherited)

Sample text

mobileFile (minimal value, inherited)

Sample text

mobileFile (maximal value, inherited)

Sample text

Style variations

Style: Background color > AG Corporate Green

Sample text

Style: Background color > AG Green 1

Sample text

Style: Background color > AG Green 2

Sample text

Style: Background color > AG Green 3

Sample text

Style: Background color > AG Corporate Blue

Sample text

Style: Background color > AG Blue 1

Sample text

Style: Background color > AG Blue 2

Sample text

Style: Background color > AG Blue 3

Sample text

Style: Background color > AG Blue 4

Sample text

Style: Promobanner background colors > AG Corporate Green

Sample text

Style: Promobanner background colors > AG Green 2

Sample text

Style: Promobanner background colors > AG Green 3

Sample text

Style: Promobanner background colors > AG Corporate Blue

Sample text

Style: Promobanner background colors > AG Blue 1

Sample text

Style: Promobanner background colors > AG Blue 2

Sample text

Style: Promobanner background colors > AG Blue 3

Sample text

Style: Promobanner background colors > AG Blue 4

Sample text

Default style (no explicit style applied)

Sample text

Style combo 1: Background color>AG Corporate Green + Promobanner background colors>AG Corporate Green

Sample text

Style combo 2: Background color>AG Green 1 + Promobanner background colors>AG Green 2

Sample text

Style combo 3: Background color>AG Green 2 + Promobanner background colors>AG Green 3

Sample text

Style combo 4: Background color>AG Green 3 + Promobanner background colors> AG Corporate Blue

Sample text

Style combo 5: Background color>AG Corporate Blue + Promobanner background colors>AG Blue 1

Sample text

Style combo 6: Background color>AG Blue 1 + Promobanner background colors>AG Blue 2

Sample text

Style combo 7: Background color>AG Blue 2 + Promobanner background colors>AG Blue 3

Sample text

Style combo 8: Background color>AG Blue 3 + Promobanner background colors>AG Blue 4

Sample text

Style combo 9: Background color>AG Blue 4 + Promobanner background colors>AG Corporate Green

Sample text

Critical integration: required dialog fields combined with primary style

Sample text