From 59201e3a6743a6fd999b5c44fec2ea3026ffb56c Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Thu, 5 Sep 2024 10:23:08 +0200 Subject: [PATCH] docs(components): update --- docs/content/3.components/modal.md | 6 +++--- docs/content/3.components/slideover.md | 6 +++--- docs/content/3.components/toast.md | 2 +- docs/content/3.components/tooltip.md | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/docs/content/3.components/modal.md b/docs/content/3.components/modal.md index 8ddd5a26..d546a5af 100644 --- a/docs/content/3.components/modal.md +++ b/docs/content/3.components/modal.md @@ -276,12 +276,12 @@ In this example, press :kbd{value="O"} to toggle the Modal. This allows you to move the trigger outside of the Modal or remove it entirely. :: -### Control programatically +### Programmatic usage -You can use the `useModal` composable to open a Modal programatically. +You can use the [`useModal`](/composables/use-modal) composable to open a Modal programatically. ::important -Make sure to wrap your app with the [`App`](/components/app) component which uses the [`ModalProvider`](https://github.com/benjamincanac/ui3/blob/dev/src/runtime/components/ModalProvider.vue) component. +Make sure to wrap your app with the [App](/components/app) component which uses the [ModalProvider](https://github.com/benjamincanac/ui3/blob/dev/src/runtime/components/ModalProvider.vue) component. :: First, create a modal component that will be opened programatically: diff --git a/docs/content/3.components/slideover.md b/docs/content/3.components/slideover.md index 8fa72563..93b81805 100644 --- a/docs/content/3.components/slideover.md +++ b/docs/content/3.components/slideover.md @@ -275,12 +275,12 @@ In this example, press :kbd{value="O"} to toggle the Slideover. This allows you to move the trigger outside of the Slideover or remove it entirely. :: -### Control programatically +### Programmatic usage -You can use the `useSlideover` composable to open a Slideover programatically. +You can use the [`useSlideover`](/composables/use-slideover) composable to open a Slideover programatically. ::important -Make sure to wrap your app with the [`App`](/components/app) component which uses the [`SlideoverProvider`](https://github.com/benjamincanac/ui3/blob/dev/src/runtime/components/SlideoverProvider.vue) component. +Make sure to wrap your app with the [App](/components/app) component which uses the [SlideoverProvider](https://github.com/benjamincanac/ui3/blob/dev/src/runtime/components/SlideoverProvider.vue) component. :: First, create a slideover component that will be opened programatically: diff --git a/docs/content/3.components/toast.md b/docs/content/3.components/toast.md index 2db422e9..fd0d2180 100644 --- a/docs/content/3.components/toast.md +++ b/docs/content/3.components/toast.md @@ -6,7 +6,7 @@ links: to: https://www.radix-vue.com/components/toast.html - label: GitHub icon: i-simple-icons-github - to: https://github.com/benjamincanac/ui3/tree/dev/src/runtime/components/Notification.vue + to: https://github.com/benjamincanac/ui3/tree/dev/src/runtime/components/Toast.vue navigation: badge: label: Todo diff --git a/docs/content/3.components/tooltip.md b/docs/content/3.components/tooltip.md index 0b44e34b..3621012e 100644 --- a/docs/content/3.components/tooltip.md +++ b/docs/content/3.components/tooltip.md @@ -14,7 +14,7 @@ links: Use a [Button](/components/button) or any other component in the default slot of the Tooltip. ::important -Make sure to wrap your app with the [`App`](/components/app) component which uses the [TooltipProvider](https://www.radix-vue.com/components/tooltip.html#provider) component from Radix Vue. +Make sure to wrap your app with the [App](/components/app) component which uses the [TooltipProvider](https://www.radix-vue.com/components/tooltip.html#provider) component from Radix Vue. :: ::tip{to="/components/app#props"} @@ -91,7 +91,7 @@ slots: :: ::tip -This can be configured globally through the `tooltip.delayDuration` option in the [`App`](/components/app) component. +This can be configured globally through the `tooltip.delayDuration` option in the [App](/components/app) component. :: ### Content