Topic: MDBAlert in react
Hi, I am trying to get an alert like it is in the example Alerts> Placement (https://mdbootstrap.com/docs/b5/react/components/alerts/) - alert that is sticked to the top-right of the screen. Unfortunately, this cannot be obtained by using the code that is in the 'show code' (alert is shown under the button or at the very end of the page - depend of 'appendToBody').
1) So how can I get this effect?
2) How to trigger alert by function without buttons?
aslo where do i get code for this ? https://mdbootstrap.com/docs/react/templates/admin-dashboard/ for example User profile
Mateusz Lazaru staff commented 2 years ago
It's included in mdb5-react-ui-kit, but only in the PRO ADVANCED package.
You will find it in mdb/templates/admin-dashboards/
https://mdbootstrap.com/docs/b4/react/forms/search/ this link has lot search options , these are not available in mdb-react-ui-kit?
also i want to have these in mdb-react-ui-kit https://mdbootstrap.com/docs/b4/react/sections/blog/?utm_source=DemoApp&utm_medium=MDBReactPro
and these nice intros https://mdbootstrap.com/docs/b4/react/sections/intros/
please provide links I am using all lateset versions
Mateusz Lazaru staff commented 2 years ago
https://mdbootstrap.com/docs/react/extended/search/ - here is an example of usage input to filter data. You may also be interested in autocomplete: https://mdbootstrap.com/docs/react/forms/autocomplete/
Currently, we do not provide many design blocks in react-ui-kit. We will probably add some in the future, but at the moment we are focused on improving the package, by fixing existing components.
ERROR in ./src/components/login/Signup.js 230:63-71 export 'MDBAlert' (imported as 'MDBAlert') was not found in 'mdb-react-ui-kit'
{showAlert && login && The creation of the account with UID: {userId} was successful , Please login ... }
it was working till today , after i upated with npm install mdb-react-ui-kit@latest it is shows this error
Mateusz Lazaru staff commented 2 years ago
Can I see the import code? Could you check if there actually is mdb-react-ui-kit in the node_modules/?
It would also be great if you told me which version you had before the upgrade.
why am i gettin getting this Attempted import error: 'MDBAlert' is not exported from 'mdb-react-ui-kit' (imported as 'MDBAlert').
Grzegorz Bujański free commented 2 years ago
What version of MDB React are you using? how do you add our package to your project?
Hi!
Can you create a code example of your problem? Or share your code with me? I tried the code from here https://mdbootstrap.com/docs/b5/react/components/alerts/#section-placement on the fresh package and everything works as expected.
You can use the
showproperty to manually handle your alert. I.e. you can use the state to achieve that:<MDBAlert position='top-right' show={someShowState}>...</MDBAlert>:)
Keep coding!
WingedImagination priority commented 3 years ago
Hi! Thank you for your answer. After updating all the modules, it started to work. Thanks for your time and have a nice day.
Krzysztof Wilk staff commented 3 years ago
Hi!
Glad I could help. If you have more questions - feel free to ask :)
Keep coding!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB React
- MDB Version: MDB5 3.0.0
- Device: macbook
- Browser: google chrome
- OS: macOS
- Provided sample code: No
- Provided link: Yes