sweetalert css not used

I’m using sweetalert in a vue js app. And i’m using this by importing via typescript import swal from 'sweetalert2'. This works for sweetalert 1, but not sweetalert 2. It’s being replaced by Semantic UI css.

[limonte]

We recently released v6.10.0 which contains all-in-one version with JS and CSS in one place.

You can import it this way:

import swal from 'sweetalert2/dist/sweetalert2.all.min.js'

PS. In the next major version (v7.0.0) the combined JS + CSS version sweetalert2.all.min.js will be the default entry point and it will be possible to import it as usual: import swal from 'sweetalert2'

[toverux]

That’s strange. I mean, there’s no reason for the styles for not applying as soon as they’re loaded. We don’t use any bizarre technique, just plain CSS. It may be a framework-specific problem (styles encapsulation maybe? But usually frameworks don’t mind about global styles). Would you please send us a plunkr/jsfiddle link so we can actually see what’s going on?