• Tooltip

    Show a tooltip on hover using the data-tooltip attribute.

    Tooltips only appear on devices that support hover. On touch screens, consider using a different pattern to surface this information.

    Default

    <button data-tooltip="Add to library">Hover</button>

    Placement

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

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

    Search 5021 icons

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