Tooltip

Small pop-up box that appears when a user hovers over an element. Tooltip can be used to provide additional information or context about that element. They should only contain supplementary, non-essential information and be used sparingly.


                                                        
                                                        
                                                            <w-tooltip content="Messages">
                                                          <w-icon-button icon-name="bubble-chat-texting"></w-icon-button>
                                                        </w-tooltip>

Props

Name	Description	Type	Default	Values
content Required	Text inside the tooltip	string
position	Defines which side will tooltip be displayed on	string	auto	auto \| top \| right \| bottom \| left
aria-label	Text used to describe tooltip for screen readers	string
target	Type string or an actual DOM node where you want render component	undefined	body

Slots

Name	Description
default	Default content slot. It will be the tooltip target (for the events and position)