refactor(toast): Replace vue-toasted with BootstrapVue's Toast plugin
- Integration MR: gitlab!63919 (merged)
What does this MR do?
- Drops
vue-toastedin favor of BootstrapVue's toast component. - Use shared
CloseButtoncomponent as toasts close button.
Screenshots
| Context | Before | After |
|---|---|---|
| Default (toasts are now stackable) | ![]() |
![]() |
| With action | ![]() |
![]() |
| Long content | ![]() |
![]() |
Migration notes
- The following options have been renamed:
-
durationnow isautoHideDelay -
classNamenow istoasClass.
-
- The following options are not supported anymore:
fullWidthfitToScreencontainerClassiconPackIconthemecloseOnSwipekeepOnHoversingleton-
type(note that while this option was previously supported, it didn't have any effect visually and can thus be removed altogether)
- It is not possible to render HTML in toasts' body anymore, make sure
to only pass plain text to the
.show()method. - To adhere with the design system, the
positionoption has also been removed. Toasts should only appear in the bottom-left corner. - The callbacks have been backported:
-
onCompleteshould work as usual. -
onClick's second argument is an object with the following properties:-
idis the BootstrapVue toast's ID. -
hideis a method that can be called to hide the toast. It replacesgoAway(0).
-
-
Closes #246 (closed)
Closes #1125 (closed)
Edited by Paul Gascou-Vaillancourt





