Menu-item (v2)
Functional component variations
Default state – all required fields at minimal values
text (minimal value)
text (maximal value)
linkIconPath (minimal value)
linkIconPath (maximal value)
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 (Content) > Primary Button
Style: Type (Content) > Secondary Button
Style: Type (Content) > Secondary Link
Style: Type (Content) > Secondary Button (Mobile Only)
Style: Contextual Styles > Hide Mobile
Style: Contextual Styles > Header Link Styling
Style: Contextual Styles > Menu Title
Default style (no explicit style applied)
Style combo 1: Type (Content)>Primary Button + Contextual Styles>Hide Mobile
Style combo 2: Type (Content)>Secondary Button + Contextual Styles>Header Link Styling
Style combo 3: Type (Content)>Secondary Link + Contextual Styles>Menu Title
Style combo 4: Type (Content)>Secondary Button (Mobile Only) + Contextual Styles>Hide Mobile
Critical integration: required dialog fields combined with primary style