I implemented a simple button with Angular 11 and bootstrap and bootstrap-icons. When I route the page which shows the button the button is loaded immediately. But only when ~500ms elapsed the icon pops up and looks like flickering.
How can I get rid of this behaviour? It occurs also for icons in listviews and more.
<button
type="button"
class="btn btn-secondary float-right w-25 mb-3"
>
<svg width="24" height="24">
<use xlink:href="assets/bootstrap-icons/bootstrap-icons.svg#plus" />
</svg>
Test
</button>
You can directly install bootstrap icons into your angular project using below
npm
command.Then use icons as follows. (eg: for
+
icon)This will get rid of that flickering behavior.