arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-23 08:20:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(ComponentCode/ComponentExample): disable prettier by default

Browse Source
This commit is contained in:
Benjamin Canac
2024-07-26 13:02:55 +02:00
parent 839b97a9dc
commit a6c4ffa013
8 changed files with 71 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/content/3.components/tooltip.md
View File

@@ -21,10 +21,13 @@ Use the `text` prop to set the content of the Tooltip.
::component-code
---
prettier: true
props:
text: 'Open on GitHub'
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
@@ -36,6 +39,7 @@ Use the `kbds` prop to render [Kbd](/components/kbd) components in the Tooltip.
::component-code
---
prettier: true
ignore:
- text
- kbds
@@ -45,7 +49,9 @@ props:
- meta
- G
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
@@ -61,13 +67,16 @@ Use the `delay-duration` prop to change the delay before the Tooltip appears. Fo
::component-code
---
prettier: true
ignore:
- text
props:
delayDuration: 0
text: 'Open on GitHub'
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
@@ -83,6 +92,7 @@ Use the `arrow` prop to display an arrow on the Tooltip.
::component-code
---
prettier: true
ignore:
- text
- arrow
@@ -90,7 +100,9 @@ props:
arrow: true
text: 'Open on GitHub'
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
@@ -102,6 +114,7 @@ Use the `content` prop to control how the Tooltip content is rendered, like its
::component-code
---
prettier: true
ignore:
- text
items:
@@ -116,7 +129,9 @@ props:
sideOffset: 8
text: 'Open on GitHub'
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}
@@ -132,13 +147,16 @@ Use the `disabled` prop to disable the Tooltip.
::component-code
---
prettier: true
ignore:
- text
props:
disabled: true
text: 'Open on GitHub'
slots:
default: <UButton icon="i-simple-icons-github" />
default: |
<UButton icon="i-simple-icons-github" />
---
:u-button{icon="i-simple-icons-github"}