docs: update

This commit is contained in:
Benjamin Canac
2024-06-26 19:09:05 +02:00
parent c63b3cec6a
commit 0b3ce24eb6
64 changed files with 798 additions and 5258 deletions

View File

@@ -1,51 +1,18 @@
---
description: Display content that appears on hover next to an element.
links:
- label: Radix Vue
icon: i-custom-radix-vue
to: https://www.radix-vue.com/components/tooltip.html
- label: GitHub
icon: i-simple-icons-github
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/overlays/Tooltip.vue
to: https://github.com/nuxt/ui/blob/dev/src/runtime/components/Tooltip.vue
---
## Usage
:component-example{component="tooltip-example"}
## Examples
## Popper
:component-api
Use the `popper` prop to customize the popper instance.
### Arrow
:component-example{component="tooltip-example-arrow"}
### Placement
:component-example{component="tooltip-example-placement"}
### Offset
:component-example{component="tooltip-example-offset"}
## Slots
### `text`
Use the `#text` slot to override the content of the text.
::component-card
---
slots:
text: <span class="italic">Hello World!</span>
---
#text
[Hello World!]{.italic}
::
## Props
:component-props
## Config
:component-preset
:component-theme