https://github.com/trapcodeio/vue-swift-alert
Simple Hide and Show Vue Package.
https://github.com/trapcodeio/vue-swift-alert
Last synced: 3 months ago
JSON representation
Simple Hide and Show Vue Package.
- Host: GitHub
- URL: https://github.com/trapcodeio/vue-swift-alert
- Owner: trapcodeio
- Created: 2021-09-11T15:19:34.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T12:22:21.000Z (11 months ago)
- Last Synced: 2025-03-29T02:44:33.367Z (3 months ago)
- Language: TypeScript
- Size: 72.3 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# vue-swift-alert
Stage: Personal.
## Single Alerts
```vue
import {swiftAlert} from "vue-swift-alert";
import SwiftAlert from "vue-swift-alert/src/swift-alert.vue";
const loginMsg = swiftAlert('loginMsg');
loginMsg.show() // Show alert content
loginMsg.hide() // Hide alert content
loginMsg.toggle() // Toggle alert content
loginMsg.message('Your Login was successful.'); // Set message
loginMsg.message(); // get message
loginMsg.meta // Reactive alert meta data {message: string}
loginMsg.meta.message = 'Your Login was successful.'; // Set message
loginMsg.meta.message // Get message
// Meta also serves as a reactive store for any data relating to this alert.
loginMsg.meta.some_other_key = "Some other value";
{{loginMsg.meta.message}}
{{loginMsg.message()}}
```
## Multiple Alerts
```vue
import {swiftAlerts} from "vue-swift-alert";
// Control Multiple Alerts
const alerts = swiftAlerts("loginSuccess", "loginError");
alerts.show('loginError')
alerts.hide('loginSuccess')
alerts.toggle('loginError')
alerts.hideAll();
alerts.showAll();
// Destruct Single Swift Alert instances.
const {loginError, loginSuccess} = swiftAlerts("loginSuccess", "loginError").toObject();
loginError.show()
loginSuccess.hide()
// Destruct Single Swift Alert instances.
const [error, success] = swiftAlerts("loginSuccess", "loginError").toArray();
error.show()
success.hide()
alerts.show('loginError')
```