refactor(toast): Replace vue-toasted with BootstrapVue's Toast plugin
Drops vue-toasted in favor of BootstrapVue's built-in toast component. BREAKING CHANGE: This replaces the internal toasts library. BootstrapVue's built-in toasts are now used instead of `vue-toasted`. As a result, the following changes should be made when upgrading: * The following options have been renamed: * `duration` now is `autoHideDelay` * `className` now is `toasClass`. * The following options are not supported anymore: * `fullWidth` * `fitToScreen` * `containerClass` * `iconPack` * `Icon` * `theme` * `closeOnSwipe` * `keepOnHover` * `singleton` * `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 `position` option has also been removed. Toasts should only appear in the bottom-left corner. * The callbacks have been backported: * `onComplete` should work as usual. * `onClick`'s second argument is an object with the following properties: * `id` is the BootstrapVue toast's ID. * `hide` is a method that can be called to hide the toast. It replaces `goAway(0)`.
Loading
-
mentioned in commit 2d2e8ea1
-
mentioned in merge request gitlab-org/gitlab-services/design.gitlab.com!2427 (merged)
-
mentioned in merge request status-page!311 (merged)
-
mentioned in merge request gitlab!64619 (closed)
-
mentioned in merge request gitlab-docs!1959 (closed)
-
mentioned in merge request gitlab-docs!1968 (closed)
Please register or sign in to comment