Provide additional information when users hover over or focus on an element.
Because tooltips rely on hover states, touch devices like mobile phones often don't show them. Therefore, it is recommended that you convey essential information via the UI rather than relying on a tooltip for mobile users.
As a shorthand, you can pass a tooltip prop into a button component directly.
In cases where a tooltip's content is essential, you should make it toggleable. This way, users on touch devices will be able to trigger it on click/press rather than hover.
For US businesses, enter your 9-digit Employer Identification Number (EIN) without hyphens.
For European companies, enter your VAT number including the country prefix (e.g., DE123456789).
Position tooltips around the element for optimal visibility. Choose from top, right, bottom, or left.
By default, tooltips on disabled buttons won't be triggered because pointer events are disabled as well. However, as a workaround, you can target a wrapping element instead of the button directly.