• Tooltip

    Show a tooltip using the aria-label attribute. Appears on hover and on keyboard focus.

    Default

    <button aria-label="Add to library">Hover or focus</button>

    Placement

    Use data-placement to control which side the tooltip appears on. Defaults to top.

    <button aria-label="Top" data-placement="top">Top</button>
    <button aria-label="Bottom" data-placement="bottom">Bottom</button>
    <button aria-label="Left" data-placement="left">Left</button>
    <button aria-label="Right" data-placement="right">Right</button>

    Search 5021 icons

    Type a name to find icons from the Tabler icon set.