eesyphp/public_html/lib/bootstrap4dialog/README.md
2022-04-24 16:52:44 +02:00

72 lines
1.6 KiB
Markdown

Bootstrap4Dialog
================
## Description
Create <a href="https://getbootstrap.com/" target="_blank">Bootstrap 4 / Bootstrap 5</a> Dialog Modals Easily.
[![Latest release](https://img.shields.io/github/release/SUXUMI/bootstrap4dialog.svg)](https://github.com/SUXUMI/bootstrap4dialog/releases/latest)
================
### Installation
``npm i gr-bootstrap4dialog``
### Usage
Simple sample:
```
Bootstrap4Dialog.show({
title: 'Title'
})
```
Sample without title:
```
Bootstrap4Dialog.show({
message: 'Message',
duration: 5
})
```
Sample with multiple options:
```
Bootstrap4Dialog.show({
title: 'Title',
message: 'Message text goes here',
backdrop: Bootstrap4Dialog.BACKDROP_STATIC,
type: Bootstrap4Dialog.TYPE_DANGER,
centered: true,
scrollable: true,
duration: 5, // display seconds
open: function() {
Bootstrap4Dialog.show({
title: 'Dialog displayed',
size: Bootstrap4Dialog.SIZE_SMALL,
type: Bootstrap4Dialog.TYPE_LIGHT,
duration: 0.5
})
$('#btn-cancel').focus();
},
close: function() {
Bootstrap4Dialog.show({
message: 'Dialog closed',
size: Bootstrap4Dialog.SIZE_SMALL,
type: Bootstrap4Dialog.TYPE_LIGHT,
backdrop: Bootstrap4Dialog.BACKDROP_NO,
duration: 0.5
})
},
buttons: [
{
id: 'btn-cancel',
label: 'Cancel',
cssClass: 'btn btn-light',
action: function(dialog) {
dialog.modal('hide');
}
}
]
})
```