I’m trying to use Semantic UI React components to build out my app but the
Loader component won’t show up. I’ve tried giving it the
inverted class name which typically flips the element’s content color to see if maybe it was just blending into the background, but that didn’t help. How do I use the
The Semantic UI React
Loader component is kind of confusing it’s typical to have some issues when first using it. Note from the official docs that
Loaders are “hidden unless active or inside an active dimmer”.
So this just means that you’ve got to either set your
active (via component prop) or wrap it in a
Dimmer that is set to
This’ll look something like the following
<Dimmer active inverted> <Loader>Loading</Loader> </Dimmer>
did this help?
I regularly post about tech topics I run into. You can get a periodic email containing updates on things I’ve built by subscribing here