About
Themes
Tooltip
Tooltip description
<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on top
    <span class="pow-tooltip open-top size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>

<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on top left
    <span class="pow-tooltip open-top-left size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>

<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on top right
    <span class="pow-tooltip open-top-right size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>
<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on right
    <span class="pow-tooltip open-right size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>

<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on left
    <span class="pow-tooltip open-left size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>
<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on bottom
    <span class="pow-tooltip open-bottom size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>

<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on bottom left
    <span class="pow-tooltip open-bottom-left size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>

<button type="button" class="pow-big-button-primary no-icon pow-tooltip-ref">
    Tooltip on bottom right
    <span class="pow-tooltip open-bottom-right size-lg">Tooltip text</span>
    <span class="visuallyhidden">Tooltip text</span>
</button>