Topic: Rendering / Styling Issues
RehabMedical pro asked 1 year ago
I'm having some issues with the timeline component not rendering properly. It's from an older project that I came back to and the version that is on the website works just fine, but running from code, it doesn't work as it should.
It doesn't render the icons for the timeline, the backgrounds for the cards, or alternate the cards. I think it is an issue with not having a certain style package installed or referenced correctly, i'm just not sure what it is.
Resources (screenshots, code snippets etc.)
import React from "react"; import ReactDOM from "react-dom"; import "@fortawesome/fontawesome-free/css/all.css"; import "bootstrap-css-only/css/bootstrap.min.css"; import "mdbreact/dist/css/mdb.css"; import "./assets/scss/mdb.scss"; import "./index.css"; import App from "./App"; import registerServiceWorker from "./registerServiceWorker"; ReactDOM.render(<App />, document.getElementById("root")); registerServiceWorker();
This is the entire code of my index.js. I can't share the full project due to privacy/security issues. Am I missing an import here, or is there a file I'm missing or something?
You can install the
@fortawesome/fontawesome-free package and import it in the
App.js import) just like that:
or attach it ass css in the
head section of your
index.html file via cdn link. That should fix your problem :)
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Pro
- Premium support: No
- Technology: MDB React
- MDB Version: MDB4 4.27.0
- Device: Laptop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No