Skip to content

Commit 477dfa6

Browse files
committed
docs: update content
1 parent 30a0ca0 commit 477dfa6

File tree

1 file changed

+2
-8
lines changed

1 file changed

+2
-8
lines changed

packages/docs/components/tooltip.md

Lines changed: 2 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -161,10 +161,7 @@ You can customize the appearance of tooltips using [CSS variables](#css-variable
161161
Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper `<div>` or `<span>`, ideally made keyboard-focusable using `tabindex="0"`.
162162

163163
:::demo
164-
<CTooltip
165-
content="Disabled tooltip"
166-
:trigger="['hover', 'focus']"
167-
>
164+
<CTooltip content="Disabled tooltip">
168165
<template #toggler="{ on }">
169166
<span class="d-inline-block" :tabindex="0" v-on="on">
170167
<CButton color="primary" disabled>Disabled button</CButton>
@@ -173,10 +170,7 @@ Elements with the disabled attribute aren’t interactive, meaning users cannot
173170
</CTooltip>
174171
:::
175172
```vue
176-
<CTooltip
177-
content="Disabled tooltip"
178-
:trigger="['hover', 'focus']"
179-
>
173+
<CTooltip content="Disabled tooltip">
180174
<template #toggler="{ on }">
181175
<span class="d-inline-block" :tabindex="0" v-on="on">
182176
<CButton color="primary" disabled>Disabled button</CButton>

0 commit comments

Comments
 (0)