Tooltip

Type Left Right Up Down
On hover

Hover me

Hover me

Hover me

Hover me

Always visible

Tooltip left

Tooltip right

Tooltip up

Tooltip bottom

On icon hover

On dune theme

Tool Tip with complete cutomized

data-theme='dune'
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
data-theme='default'
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.
This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.

Tool Tip with complete cutomized (On Hover)

This is a tooltip
Tooltips are text labels that appear when the user hovers over, focuses on, or touches an element.