You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<EbayInfotip><EbayInfotipHeading>Heading</EbayInfotipHeading><EbayInfotipContent><p>Here's a tip to help you be successful at your task.</p></EbayInfotipContent></EbayInfotip>
<EbayInfotipvariant="modal"><EbayInfotipContent><p>Here's a tip to help you be successful at your task.</p></EbayInfotipContent></EbayInfotip>
EbayInfotip Attributes
Name
Type
Stateful
Required
Description
variant
String
No
No
Either modal or default. If modal will show the mobile version of infotip
Different icon to be used than information-small. Full list here
disabled
Boolean
No
No
Define if the infotip is disabled or not
overlayStyle
Object
No
No
Style object to customize default values for the overlay. It can be used all CSS properties like top, left, bottom, right.
initialExpanded
Boolean
No
No
Open the tooltip on the initial render
a11yCloseText
String
No
Yes
A11y text for close button and mask.
a11yMaximizeText
String
No
No
A11y text for draggable handle when drawer is minimized and clicking handle will maximize the drawer. Required only when draggable handle exists. Required only when variant is modal
a11yMinimizeText
String
No
No
A11y text for draggable handle when drawer is maximized and clicking handle will minimize the drawer. Required only when variant is modal
aria-label
String
No
Yes
A descriptive label of what the infotip button represents (e.g. "Important information")
onExpand
Function
No
No
overlay has been expanded
onCollapse
Function
No
No
overlay has been collapsed
Child components
Name
Required
Description
EbayInfotipHost
No
The custom host-button (trigger) for the Infotip
EbayInfotipHeading
No
The heading to be displayed in the infotip
EbayInfotipContent
Yes
The content to be displayed in the infotip
EbayInfotipHost Attributes
Name
Type
Stateful
Required
Description
aria-label
String
No
Yes
A descriptive label of what the infotip button represents (e.g. "Important information"). Will overwrite ariaLabel prop from the EbayInfotip