Try clicking the Free choice first, then clicking on the four groups, and youll see the Icon browser shows different subsets corresponding to the choices.ĭuplicate that directory to create 003-css and make a few modifications. In other words, its not all groovy, because we now have to learn a few things. In the browser JavaScript console, youll see an error that the icon was not found. Rizla Font Awesome Code For TheĮnter javascript and youll find js is the code for the JavaScript icon, and likewise, the Vue.js icon has the code vuejs. We dont need to investigate the webpack configuration, itll be enough to simply use it. Its a cool idea, and its implementation is buried in the webpack configuration youll see in the directory. It contains the template, JavaScript, and CSS all in one convenient file. Next, we load FontAwesomeIcon, which is the Vue.js component, and register it with Vue.js as a global component. Well see the blank Vue.js demo application.īut we want to perform the surgery recommended in the Font Awesome documentation. Under the hood, the FontAwesomeIcon component automatically adds the fa- to the front of the icon name, and if the library prefix is not specified, it uses the fas library (Solid).Īs a budding Vue.js programmer, this library seemed like an excellent way to spiff up the application Im developing.īefore we do, lets turn our attention to the Font Awesome instructions for Vue.js integration.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |