From 2f57c433613157a67f35bfb58745704b6c4c2f75 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Fri, 26 Jul 2024 16:11:24 +0200 Subject: [PATCH] docs(components): update callouts priorities --- docs/content/3.components/alert.md | 4 ++-- docs/content/3.components/avatar.md | 2 +- docs/content/3.components/breadcrumb.md | 2 +- docs/content/3.components/icon.md | 2 +- docs/content/3.components/link.md | 4 ++-- docs/content/3.components/tabs.md | 2 +- docs/content/3.components/tooltip.md | 6 +----- 7 files changed, 9 insertions(+), 13 deletions(-) diff --git a/docs/content/3.components/alert.md b/docs/content/3.components/alert.md index ee1e22a9..43f1d111 100644 --- a/docs/content/3.components/alert.md +++ b/docs/content/3.components/alert.md @@ -107,7 +107,7 @@ props: 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. :: @@ -173,7 +173,7 @@ props: --- :: -::tip +::note Actions will render differently when the description is not set. You can try to remove it. :: diff --git a/docs/content/3.components/avatar.md b/docs/content/3.components/avatar.md index 110045ae..4398c77d 100644 --- a/docs/content/3.components/avatar.md +++ b/docs/content/3.components/avatar.md @@ -72,7 +72,7 @@ props: --- :: -::tip +::note The `alt` prop will be used as the `alt` attribute of the image. :: diff --git a/docs/content/3.components/breadcrumb.md b/docs/content/3.components/breadcrumb.md index 11973ac2..a2dd2d22 100644 --- a/docs/content/3.components/breadcrumb.md +++ b/docs/content/3.components/breadcrumb.md @@ -36,7 +36,7 @@ props: --- :: -::tip +::note A `span` will be rendered instead of a link when the `to` property is not defined. :: diff --git a/docs/content/3.components/icon.md b/docs/content/3.components/icon.md index 369071df..26a2c2f9 100644 --- a/docs/content/3.components/icon.md +++ b/docs/content/3.components/icon.md @@ -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). :: diff --git a/docs/content/3.components/link.md b/docs/content/3.components/link.md index 336e70fb..6553d55c 100644 --- a/docs/content/3.components/link.md +++ b/docs/content/3.components/link.md @@ -34,7 +34,7 @@ slots: --- :: -::tip +::note 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. :: diff --git a/docs/content/3.components/tabs.md b/docs/content/3.components/tabs.md index 9fbc351f..5a0f76d3 100644 --- a/docs/content/3.components/tabs.md +++ b/docs/content/3.components/tabs.md @@ -93,7 +93,7 @@ props: --- :: -::tip +::note You can inspect the DOM to see that the content of the inactive tab is not rendered. :: diff --git a/docs/content/3.components/tooltip.md b/docs/content/3.components/tooltip.md index fcfd0d72..eb567aa1 100644 --- a/docs/content/3.components/tooltip.md +++ b/docs/content/3.components/tooltip.md @@ -11,7 +11,7 @@ links: ## Usage -::note +::important 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"} :: -::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 Use the `disabled` prop to disable the Tooltip.