\n```\n\n\n### UseDialog\n\nIt is often desired to automatically show a dialog at a given route, so that it can be accessed by URL, and the browser back button will hide the dialog.\n\nThe component `UseDialog` allows for a declarative way of controlling dialogs. It will be shown when a condition is met (such as the current route), and automatically hidden as soon as the condition is no longer met.\n\nThis component is functionally equal to React's `UseDialog`. It accepts the same props as [useDialog](https://github.com/ArthurClemens/dialogic/blob/development/README.md#usedialog).\n\nExample:\n\n```jsx\n\n\n
\n
Contents
\n \n
\n```\n\nTo make the dialog content dynamic, make `useDialogProps` a reactive variable.\n\nAssuming that `currentEmail` is reactive:\n\n```js\n$: useDialogProps = {\n dialogic: {\n component: EditProfileDialog,\n className: 'dialog',\n },\n title: `Your e-mail: ${$currentEmail}`,\n};\n```\n\nand add the reactive variable to the `deps`:\n\n```jsx\n\n```\n\n### UseNotification\n\nThe component `UseNotification` has the same functionality as `UseDialog`.\n","readmeFilename":"README.md"}