2025-04-18 21:03:35 +08:00
|
|
|
<section id="tooltip" class="w-full rounded-lg border scroll-mt-16">
|
2025-04-18 12:58:28 +08:00
|
|
|
<header class="border-b px-4 py-3">
|
|
|
|
|
<h2 class="text-sm font-medium">Tooltip</h2>
|
|
|
|
|
</header>
|
|
|
|
|
<div class="p-4">
|
|
|
|
|
<div class="flex flex-wrap items-center gap-4">
|
|
|
|
|
<button type="button" class="btn-outline" data-tooltip="Top tooltip">
|
|
|
|
|
Top
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" class="btn-outline" data-tooltip="Right tooltip" data-side="right">
|
|
|
|
|
Right
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" class="btn-outline" data-tooltip="Bottom tooltip" data-side="bottom">
|
|
|
|
|
Bottom
|
|
|
|
|
</button>
|
|
|
|
|
<button type="button" class="btn-outline" data-tooltip="Left tooltip" data-side="left">
|
|
|
|
|
Left
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
