title icon Other websites
Tagcontainer (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
tagLabel (minimal value)
Sample text
tagLabel (maximal value)
Comprehensive test content for tagLabel
showAccordion = true
Sample text
Sample text
showAccordion = false
Sample text
accordionLabel (minimal value)
Sample text
accordionLabel (maximal value)
Sample text
All dialog fields populated with minimal values
Sample text
Style variations
Style: Tag Background Color > AG Green 2
Sample text
Style: Tag Background Color > AG Green 3
Sample text
Style: Tag Background Color > AG Corporate Blue
Sample text
Style: Tag Background Color > AG Blue 1
Sample text
Style: Tag Background Color > AG Blue 2
Sample text
Style: Tag Background Color > AG Blue 3
Sample text
Style: Tag Background Color > AG Blue 4
Sample text
Style: Tag Text Color > AG Blue (#003366)
Sample text
Style: Container Background Color > AG Green 1
Sample text
Style: Container Background Color > AG Green 2
Sample text
Style: Container Background Color > AG Green 3
Sample text
Style: Container Background Color > AG Corporate Blue
Sample text
Style: Container Background Color > AG Blue 1
Sample text
Style: Container Background Color > AG Blue 2
Sample text
Style: Container Background Color > AG Blue 3
Sample text
Style: Container Background Color > AG Blue 4
Sample text
Default style (no explicit style applied)
Sample text
Style combo 1: Tag Background Color>AG Green 2 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Green 1
Sample text
Style combo 2: Tag Background Color>AG Green 3 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Green 2
Sample text
Style combo 3: Tag Background Color>AG Corporate Blue + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Green 3
Sample text
Style combo 4: Tag Background Color>AG Blue 1 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Corporate Blue
Sample text
Style combo 5: Tag Background Color>AG Blue 2 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Blue 1
Sample text
Style combo 6: Tag Background Color>AG Blue 3 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Blue 2
Sample text
Style combo 7: Tag Background Color>AG Blue 4 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Blue 3
Sample text
Style combo 8: Tag Background Color>AG Green 2 + Tag Text Color>AG Blue (#003366) + Container Background Color>AG Blue 4
Sample text
Critical integration: required dialog fields combined with primary style
Sample text