Button (v3)
Functional component variations
Default state – all required fields at minimal values
text (minimal value)
text (maximal value)
linkIconPath (minimal value)
linkIconPath (maximal value)
linkType = internal
linkType = external
linkType = document
linkType = anchor
linkType = gap
internalLink (minimal value)
internalLink (maximal value)
externalLink (minimal value)
externalLink (maximal value)
document (minimal value)
document (maximal value)
anchorLink (minimal value)
anchorLink (maximal value)
gapLink (minimal value)
gapLink (maximal value)
All dialog fields populated with minimal values
id (minimal value, inherited)
id (maximal value, inherited)
openInSameTab = true (inherited)
openInSameTab = false (inherited)
Style variations
Style: Type > Secondary (gray)
Style: Type > Secondary (Arrow)
Style: Type > Secondary (blue-green)
Style: Type > Secondary (green)
Style: Type > Secondary (transparent)
Style: Type > Tertiary
Style: Alignment > Center
Style: Alignment > Right
Default style (no explicit style applied)
Style combo 1: Type>Secondary (gray) + Alignment>Center
Style combo 2: Type>Secondary (Arrow) + Alignment>Right
Style combo 3: Type>Secondary (blue-green) + Alignment>Center
Style combo 4: Type>Secondary (green) + Alignment>Right
Style combo 5: Type>Secondary (transparent) + Alignment>Center
Style combo 6: Type>Tertiary + Alignment>Right
Critical integration: required dialog fields combined with primary style