Tooltip

Giới thiệu

Directive v-tooltip cho phép bạn gắn tooltip (gợi chú) vào bất kỳ element nào một cách nhanh chóng.

Cách sử dụng

Cách dùng nhanh: gắn v-tooltip trực tiếp lên element.

Ví dụ đơn giản

::code-preview

class: "&>div:*"

Hover me

#code

<button
  v-tooltip="{ content: 'Ghi chú nhanh', placement: 'right' }"
>Hover me</button>

::

Ví dụ dynamic

Sử dụng dynamic content như trong toolbar.vue:

::code-preview

class: "&>div:*"

H2

#code

<button
  v-tooltip="{
    content: ShortcutManager.getShortcut(Shortcut.formatAsH2)
      ?.keyboard_shortcuts,
    placement: 'right',
  }"
>H2</button>

::

Ghi chú

• Tooltip có delay khoảng ~150ms.
• placement hỗ trợ các giá trị của @floating-ui/vue.