<div class="mb-10">
    <h1 class="mb-4 text-xl font-medium">Tooltip</h1>
    <div class="bg-gray-200/60 p-4 lg:p-10">
        <p>Apparently we had reached a <x-dashui-tooltip title="Lorem ipsum dolor sit" class="border-b border-dotted border-gray-700">great height</x-dashui-tooltip> in the atmosphere, for the sky was a dead
            black, and <x-dashui-tooltip title="Lorem ipsum dolor sit." class="border-b border-dotted border-gray-700" data-tooltip-class="tooltip--sticky" data-tooltip-position="bottom">the stars</x-dashui-tooltip> had ceased to twinkle. By the
            <x-dashui-tooltip class="border-b border-dotted border-gray-700" title="Lorem ipsum dolor, sit amet consectetur adipisicing" data-tooltip-position="left">same illusion</x-dashui-tooltip> which
            lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an
            immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a
            <x-dashui-tooltip class="border-b border-dotted border-gray-700" title="Lorem ipsum dolor" data-tooltip-position="right">ruddy light</x-dashui-tooltip> streaming through a rift in the clouds.</p>
    </div>
</div>
