title icon Other websites
Domainteaser (v5)
Functional component variations
Default state – all required fields at minimal values
Sample text
All dialog fields populated with minimal values
Sample text
title (minimal value, inherited)
Sample text
title (maximal value, inherited)

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

title (RTE showcase – all formatting, inherited)
Bold title italic underlined AG Green AG Blue © € ® ™ link
iconPath (minimal value, inherited)
Sample text
iconPath (maximal value, inherited)
Sample text
Style variations
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: Text position > Align top
Sample text
Style: Text position > Align center
Sample text
Style: Text position > Align bottom
Sample text
Style: Text alignment > Center
Sample text
Style: Text alignment > Right
Sample text
Style: Positive line (Desktop) > Concrete Positive line
Sample text
Style: Positive line (Mobile) > Without Positive line
Sample text
Default style (no explicit style applied)
Sample text
Style combo 1: Background color>AG Green 1 + Text position>Align top + Text alignment>Center + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 2: Background color>AG Green 2 + Text position>Align center + Text alignment>Right + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 3: Background color>AG Green 3 + Text position>Align bottom + Text alignment>Center + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 4: Background color>AG corporate blue + Text position>Align top + Text alignment>Right + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 5: Background color>AG Blue 1 + Text position>Align center + Text alignment>Center + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 6: Background color>AG Blue 2 + Text position>Align bottom + Text alignment>Right + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 7: Background color>AG Blue 3 + Text position>Align top + Text alignment>Center + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Style combo 8: Background color>AG Blue 4 + Text position>Align center + Text alignment>Right + Positive line (Desktop)>Concrete Positive line + Positive line (Mobile)>Without Positive line
Sample text
Critical integration: required dialog fields combined with primary style
Sample text