https://github.com/ilham89/vue-awesome-dialog
https://github.com/ilham89/vue-awesome-dialog
List: vue-awesome-dialog
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ilham89/vue-awesome-dialog
- Owner: ilham89
- Created: 2022-08-14T10:37:52.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-08-15T02:08:46.000Z (almost 4 years ago)
- Last Synced: 2025-10-31T13:01:46.571Z (9 months ago)
- Language: JavaScript
- Size: 164 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-awesome-dialog
[](https://www.jsdelivr.com/package/npm/vue-awesome-dialog)
A awesome dialog component for Vue3
## Installation
**NPM**
```
npm i vue-awesome-dialog
```
**YARN**
```
yarn add vue-awesome-dialog
```
**CDN**
```
https://www.jsdelivr.com/package/npm/vue-awesome-dialog
```
## Getting Started
To install it globally.
```javascript
import { createApp } from "vue";
import App from "./App.vue";
import VueAwesomeDialog from "vue-awesome-dialog";
createApp(App).use(VueAwesomeDialog).mount("#app");
```
```html
```
If not globally, you can also import the individual components locally.
```javascript
import VueAwesomeDialog from "vue-awesome-dialog";
export default {
components: {
VueAwesomeDialog,
},
};
```
```html
```
### Events
| Name | Usage | Description |
| ----- | -------- | ------------------------ |
| close | `@close` | Emitted for close dialog |
| save | `@save` | Emitted for save dialog |
### Slots
| Name | Description |
| ------ | ---------------------------- |
| header | Slot for custom header |
| bosy | Slot for custom body content |
### Example
```javascript
show
Custom Title
It is a long established fact that a reader will be distracted
by the readable content of a page when looking at its layout.
```