docs(dropdown-menu): update

This commit is contained in:
Benjamin Canac
2024-08-06 16:45:07 +02:00
parent 8d560bdd21
commit 39a63e8e3f
11 changed files with 485 additions and 48 deletions

View File

@@ -88,6 +88,40 @@ slots:
This can be configured globally through the `tooltip.delayDuration` option in the [`App`](/components/app) component.
::
### Content
Use the `content` prop to control how the Tooltip content is rendered, like its `align` or `side` for example.
::component-code
---
prettier: true
ignore:
- text
items:
content.align:
- start
- center
- end
content.side:
- right
- left
- top
- bottom
props:
content:
align: center
side: bottom
sideOffset: 8
text: 'Open on GitHub'
slots:
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
::
### Arrow
Use the `arrow` prop to display an arrow on the Tooltip.
@@ -110,35 +144,6 @@ slots:
:u-button{icon="i-simple-icons-github"}
::
### Content
Use the `content` prop to control how the Tooltip content is rendered, like its side for example.
::component-code
---
prettier: true
ignore:
- text
items:
content.side:
- right
- left
- top
- bottom
props:
content:
side: right
sideOffset: 8
text: 'Open on GitHub'
slots:
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
::
### Disabled
Use the `disabled` prop to disable the Tooltip.