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.