Tooltip

Tooltip

<a 
            href="#" 
        id="62bec9670ba86" 
    class="c-tooltip c-tooltip__bottom"
    js-bind-hover="tooltip" data-title="Tooltip text" role="tooltip" aria-label="Tooltip: Tooltip text" data-uid="62bec9670ba7c"
    >
     Hover over me 
</a>
@tooltip
    @slot('title')
        Tooltip text
    @endslot

    Hover over me
@endtooltip

Blade component parameters

Key Default value Type Available values Description
componentElement a string - -
href # string - -
placement bottom string - -
title string - -
slot string - -
beforeContent string - -
afterContent string - -
id string - The DOM id of the component.
classList [] array - Array containing wrapping classes array
attributeList [] array - Array containing keys and values rendered as attributes
containerAware false boolean true/false Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component.
Settings location: /mnt/persist/www/docroot_styleguide_v2/source/library/source/php/Component/Tooltip/tooltip.json