Icons for Dynamic Use

I have a tendency to use font-awesome icons to show the user the state they will toggle too when they click on the button. This means i utilize ng-class to set which of the FA-**** classes it needs, but I still would like to have the ability to do this in the default icon component in Bootstrap Studio. All you would need to do is have a Icon Option that sets it to Font-Awesome Blank Icon.

Also what is your plans on supporting Font Awesome 5 Free/Pro versions?

By the way: First ever Bootstrap UI builder that I've managed to find a place for in my work flow, great job. Hope to see lots more updates.

Having searched through http://fontawesome.io/icons/ I don't see there being a blank icon so, I wouldn't think that the BSS app Devs would make a component that would effectively be invalid.

I just recommend making a Custom Code component for what you need and save it to your library for you to drag/drop, something like:

<i ng-class="[expression]" class="fa"></i>

Then all you need to do is edit what the [expression] references, then whatever your trigger is it will change the icon, something like <i ng-class="home" class="fa fa-home"></i>

I got the idea from using this as an example test https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-class


Is there any other way to inject Angular attrs (as *ngFor, *ngIf) without them being stripped out? Custom code is useful, but cannot nest BSS components inside of them.