Skip to content

Tooltip

Tooltip is used to create short information about the element displayed in the form of a cloud with an arrow.

Props i Slots

The component uses the same elements as floating, and only sets the value from type to hover.

Examples

Tooltip
html
<tooltip placement="right" color="primary">
  <template #trigger>
    <btn color="primary" text="Button" />
  </template>
  <template #content>
    <div class="px-2 py-1 text-sm text-white">Tooltip content</div>
  </template>
</tooltip>