Topic: mdbreact: how to make toast with fade effect and icon?
Malasharhan free asked 4 years ago
I want to use Toast, but my toast is different from mdbootstrap.com example, Example toast shows with Fade transition and Icon, I have copied the sample code, but result is different. Please help me.
toast.error(t('COMMON.ERROR.UNKNOWN_SERVER_ERROR'), {
transition: "fade",
});
----------------------------------------------
<ToastContainer
className="text-left"
position={t("DIRECTION") === "ltr" ? "top-right" : "top-left"}
hideProgressBar={true}
newestOnTop={true}
autoClose={0}
closeButton={false}
>
</ToastContainer>
Jakub Chmura staff answered 4 years ago
Hi @Malasharhan,
Documentation live preview is provided by MDBjQuery, and in this case, the live preview looks different than the React example. We have a plan to add a new notification layout to make it look identical to jquery, but for now, for technical reasons, we must use the MDBJQuery version as a documentation page. Unfortunately, this sometimes causes small differences in the appearance of the technology, in the future, it will be changed.
Best, Kuba
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.25.1
- Device: PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No