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

docs(components): update

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-05 10:23:08 +02:00
parent fba4d6a385
commit 59201e3a67
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/content/3.components/modal.md
View File

@@ -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. 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 ::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: First, create a modal component that will be opened programatically:

6
docs/content/3.components/slideover.md
View File

@@ -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. 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 ::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: First, create a slideover component that will be opened programatically:

2
docs/content/3.components/toast.md
View File

@@ -6,7 +6,7 @@ links:
to: https://www.radix-vue.com/components/toast.html to: https://www.radix-vue.com/components/toast.html
- label: GitHub - label: GitHub
icon: i-simple-icons-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: navigation:
badge: badge:
label: Todo label: Todo

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

@@ -14,7 +14,7 @@ links:
Use a [Button](/components/button) or any other component in the default slot of the Tooltip. Use a [Button](/components/button) or any other component in the default slot of the Tooltip.
::important ::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"} ::tip{to="/components/app#props"}
@@ -91,7 +91,7 @@ slots:
:: ::
::tip ::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 ### Content