Tooltip

# Основы

C помощью компонента moonshine::tooltip можно создавать удобные подсказки.

Доступные расположения:

bottom top left right

<x-moonshine::tooltip placement="bottom" content="Tooltip text">
<button class="btn">Trigger</button>
</x-moonshine::tooltip>

# Без использования компонента

<span x-data="tooltip('Tooltip content 1', {placement: 'top'})">
<a class="text-purple font-semibold">Trigger 1</a>
</span>
or
<span
x-data="tooltip"
data-tippy-content="Tooltip content 2"
data-tippy-placement="right">
<a class="text-purple font-semibold">Trigger 2</a>
</span>