Gathering detailed insights and metrics for bootstrap-vue-dialog
Gathering detailed insights and metrics for bootstrap-vue-dialog
Gathering detailed insights and metrics for bootstrap-vue-dialog
Gathering detailed insights and metrics for bootstrap-vue-dialog
bootstrap-vue
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
bootbox
Wrappers for JavaScript alert(), confirm(), prompt(), and other flexible dialogs using the Bootstrap framework
gijgo
Gijgo is a set of free open source javascript controls distributed under MIT License. All widgets are high performance, built on top of the jQuery JavaScript Library with built-in support for Bootstrap 5, Material Design and Font Awesome. They are designe
@radix-ui/react-dialog
npm install bootstrap-vue-dialog
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
4 Stars
7 Commits
2 Forks
2 Watching
16 Branches
2 Contributors
Updated on 05 Apr 2021
Vue (70.86%)
JavaScript (29.14%)
Cumulative downloads
Total Downloads
Last day
-5%
19
Compared to previous day
Last week
36.4%
105
Compared to previous week
Last month
23.4%
390
Compared to previous month
Last year
-46.5%
6,181
Compared to previous year
1
3
21
Implementation of vuedl dialog helper with Vuetify.js framework
This module will help you to work with modal dialogs in your project
NOTE: Module is in initial development. Anything may change at any time.
Install the package from npm
1npm install bootstrap-vue-dialog
1import Dialog from 'bootstrap-vue-dialog' 2Vue.use(Dialog, { 3 context, 4 property 5})
context
- the context of your application, such as store, axios, router etc.property
- the property, which will integrate to Vue. Default is $dialog
1const res = await this.$dialog.confirm({ text: 'Do you really want to exit?'})
1const res = await this.$dialog.warning({ text: 'Do you really want to exit?', title: 'Warning'})
1this.$dialog.error({ text: 'Cannot delete this item', title: 'Error'})
1let res = await this.$dialog.prompt({ text: 'Your name', title: 'Please input your name' })
1this.$dialog.notify.success('Success notification') 2this.$dialog.notify.warning('Warning notification') 3this.$dialog.notify.error('Error notification') 4this.$dialog.notify.info('Info notification') 5this.$dialog.notify.error('No autoclose notification', { timeout : 0 }) 6this.$dialog.notify.info('Top left notification', { position: 'top-left' }) 7this.$dialog.notify.info('Bottom right notification', { position: 'bottom-right' } 8this.$dialog.notify.info('Bottom left notification', { position: 'bottom-left' })
To all this simple dialogs you can config your actions, just send
1{ 2 ... 3 actions: { 4 'false': 'No', 5 'true': 'Yes' 6 } 7} 8// result will be true, false, or undefigned 9{ 10 ... 11 actions: ['No', 'Yes'] 12} 13// result will be 'No', 'Yes', or undefigned 14
You can also set options
1{ 2 actions: [{ 3 text: 'Yes', 4 color: 'blue', 5 key: true, 6 handle: () => { 7 // on button click 8 } 9 }] 10}
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
Found 1/6 approved changesets -- score normalized to 1
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
license file not detected
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
75 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More