mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-27 10:20:42 +01:00
docs(components): update callouts priorities
This commit is contained in:
@@ -107,7 +107,7 @@ props:
|
|||||||
|
|
||||||
Use the `close` prop to display a [Button](/components/button) to dismiss the Alert.
|
Use the `close` prop to display a [Button](/components/button) to dismiss the Alert.
|
||||||
|
|
||||||
::note
|
::tip
|
||||||
A `close` event will be emitted when the close button is clicked.
|
A `close` event will be emitted when the close button is clicked.
|
||||||
::
|
::
|
||||||
|
|
||||||
@@ -173,7 +173,7 @@ props:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
Actions will render differently when the description is not set. You can try to remove it.
|
Actions will render differently when the description is not set. You can try to remove it.
|
||||||
::
|
::
|
||||||
|
|
||||||
|
|||||||
@@ -72,7 +72,7 @@ props:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
The `alt` prop will be used as the `alt` attribute of the image.
|
The `alt` prop will be used as the `alt` attribute of the image.
|
||||||
::
|
::
|
||||||
|
|
||||||
|
|||||||
@@ -36,7 +36,7 @@ props:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
A `span` will be rendered instead of a link when the `to` property is not defined.
|
A `span` will be rendered instead of a link when the `to` property is not defined.
|
||||||
::
|
::
|
||||||
|
|
||||||
|
|||||||
@@ -21,6 +21,6 @@ props:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::caution
|
||||||
It's highly recommended to install the icons collections you need, read more about this in [Icons](/getting-started/icons).
|
It's highly recommended to install the icons collections you need, read more about this in [Icons](/getting-started/icons).
|
||||||
::
|
::
|
||||||
|
|||||||
@@ -34,7 +34,7 @@ slots:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
You can inspect the rendered HTML by changing the `to` prop.
|
You can inspect the rendered HTML by changing the `to` prop.
|
||||||
::
|
::
|
||||||
|
|
||||||
@@ -51,7 +51,7 @@ slots:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
Try changing the `to` prop to see the active and inactive states.
|
Try changing the `to` prop to see the active and inactive states.
|
||||||
::
|
::
|
||||||
|
|
||||||
|
|||||||
@@ -93,7 +93,7 @@ props:
|
|||||||
---
|
---
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip
|
::note
|
||||||
You can inspect the DOM to see that the content of the inactive tab is not rendered.
|
You can inspect the DOM to see that the content of the inactive tab is not rendered.
|
||||||
::
|
::
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ links:
|
|||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
::note
|
::important
|
||||||
Make sure to wrap your app with the [`App`](/components/app) component to make the Tooltip work properly.
|
Make sure to wrap your app with the [`App`](/components/app) component to make the Tooltip work properly.
|
||||||
::
|
::
|
||||||
|
|
||||||
@@ -137,10 +137,6 @@ slots:
|
|||||||
:u-button{icon="i-simple-icons-github"}
|
:u-button{icon="i-simple-icons-github"}
|
||||||
::
|
::
|
||||||
|
|
||||||
::tip{to="https://www.radix-vue.com/components/tooltip#content" target="_blank"}
|
|
||||||
Take a look at all the `TooltipContent` props available in the Radix Vue documentation.
|
|
||||||
::
|
|
||||||
|
|
||||||
### Disabled
|
### Disabled
|
||||||
|
|
||||||
Use the `disabled` prop to disable the Tooltip.
|
Use the `disabled` prop to disable the Tooltip.
|
||||||
|
|||||||
Reference in New Issue
Block a user