You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
### With following cursor:badge{label="New"class="align-text-top"}
205
+
### With following cursor
206
206
207
207
You can make the Popover follow the cursor when hovering over an element using the [`reference`](https://reka-ui.com/docs/components/tooltip#trigger) prop:
Copy file name to clipboardExpand all lines: docs/content/docs/2.components/table.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -347,7 +347,7 @@ class: '!p-0'
347
347
You can use this to navigate to a page, open a modal or even to select the row manually.
348
348
::
349
349
350
-
### With row context menu event:badge{label="New"class="align-text-top"}
350
+
### With row context menu event
351
351
352
352
You can add a `@contextmenu` listener to make rows right clickable and wrap the Table in a [ContextMenu](/docs/components/context-menu) component to display row actions for example.
353
353
@@ -367,7 +367,7 @@ class: '!p-0'
367
367
---
368
368
::
369
369
370
-
### With row hover event:badge{label="New"class="align-text-top"}
370
+
### With row hover event
371
371
372
372
You can add a `@hover` listener to make rows hoverable and use a [Popover](/docs/components/popover) or a [Tooltip](/docs/components/tooltip) component to display row details for example.
373
373
@@ -391,7 +391,7 @@ class: '!p-0'
391
391
This example is similar as the Popover [with following cursor example](/docs/components/popover#with-following-cursor) and uses a [`refDebounced`](https://vueuse.org/shared/refDebounced/#refdebounced) to prevent the Popover from opening and closing too quickly when moving the cursor from one row to another.
392
392
::
393
393
394
-
### With column footer:badge{label="New"class="align-text-top"}
394
+
### With column footer
395
395
396
396
You can add a `footer` property to the column definition to render a footer for the column.
0 commit comments