bootstrap-toasts
Beta time
Bootstrap components "Toasts"
Currently relying on Bootstrap and jQuery environments, because it is a function extension of Bootstrap.
Supports arbitrary calls of ten parameters, supports callback functions based on toasts events.
Demo
https://zhangchenglin.github.io/bootstrap-toasts/demo.html
How to install?
npm install bootstrap-toasts --save
CDN
- jsDelivr
<script src="https://cdn.jsdelivr.net/npm/bootstrap-toasts/dist/bootstrap-toasts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap-toasts/dist/bootstrap-toasts.min.js"></script>
How to use it?
<script src="/bootstrap-toasts.min.js"></script>
bootstrapToasts(title, content, titleColor, delay, position, releaseTime, icon, eventType, eventFunction, ariaType)
Parameter Description
- title
Type:String
Default value:undefined
Description:
- content
Type:String
Default value:undefined
Description:
- titleColor
Type:String
Default value:
Description:
| parameter |
|---|
| primary |
| secondary |
| success |
| danger |
| warning |
| info |
| dark |
- delay
Type:Number
Default value:10
Unit:second
Description:
min value: 1 max value: any
| parameter | similar code |
|---|---|
| 1 | <div class="toast" data-delay="1000"></div> |
| 2 | <div class="toast" data-delay="2000"></div> |
| 3 | <div class="toast" data-delay="3000"></div> |
| ... | ... |
- position
Type:String
Default value:
Description:
| parameter |
|---|
| topLeft |
| topCenter |
| topRight |
| bottomLeft |
| bottomCenter |
| bottomRight |
| center |
- releaseTime
Type:String
Default value:
Description:
- icon
Type:String
Default value:undefined
Description:
| parameter |
|---|
| success |
| danger |
| warning |
| info |
- eventType
Type:String
Default value:undefined
Description:
eventType and eventFunction must exist at the same time, otherwise the event function will be invalid.
| parameter |
|---|
| show |
| shown |
| hide |
| hidden |
- eventFunction
Type:Function
Default value:undefined
Description:
eventType and eventFunction must exist at the same time, otherwise the event function will be invalid.
- ariaType
Type:String
Default value:alert
Description:
| parameter |
|---|
| alert |
| status |