Initialize all tooltips on a page by adding the data-toggle="tooltip" attribute to the element.

You can use data-html="true" to allow HTML tags in the tooltip's title to be rendered in the tooltip. If false, jQuery's text method will be used to insert content into the DOM. Use text if you're worried about XSS attacks.

You can apply dark and brand skins for tooltips via data-toggle="kt-tooltip" and data-skin="dark" as shown below:

Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper <div> or <span>, ideally made keyboard-focusable using tabindex="0", and override the pointer-events on the disabled element.