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

docs(modal): clarify file names and UModals purpose (#2178)

Browse Source
This commit is contained in:
Neil Richter
2024-09-11 14:07:15 +02:00
committed by GitHub
parent b01f88fc47
commit 730cb4953e
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -61,7 +61,7 @@ Set the `fullscreen` prop to `true` to enable it.
### Control programmatically ### Control programmatically
First of all, add the `Modals` component to your app, preferably inside `app.vue`. First of all, add the `Modals` component to your app, preferably inside `app.vue`. This component provides your application a place to render programmatically created modals.
```vue [app.vue] ```vue [app.vue]
<template> <template>
@@ -81,8 +81,8 @@ Then, you can use the `useModal` composable to control your modals within your a
:component-example{component="modal-example-component" hiddenCode hiddenPreview } :component-example{component="modal-example-component" hiddenCode hiddenPreview }
::code-group{class="[&>div:last-child>div:first-child]:!rounded-t-none"} ::code-group{class="[&>div:last-child>div:first-child]:!rounded-t-none"}
:component-example{component="modal-example-composable" label="app.vue" } :component-example{component="modal-example-composable" label="index.vue" }
:component-example{component="modal-example-component" hiddenPreview label="modal.vue" } :component-example{component="modal-example-component" hiddenPreview label="components/ModalExampleComponent.vue" }
:: ::
Additionally, you can close the modal within the modal component by calling `modal.close()`. Additionally, you can close the modal within the modal component by calling `modal.close()`.