arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-19 14:31:47 +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.
::
### 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:

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.
::
### 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:

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

@@ -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

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.
::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