In ‘Business Consulting’ blueprint, on the Home page (upper right-hand side) a row of social media icons appears (just to left of ‘WORK WITH ME’ button).
I don’t understand how these icons get rendered. ‘Header icon-2’ is a Text component; how does an icon end up there?
The controlling logic seems to be in the ‘Header icon-2’ Class List Logic:
The necessary action seems to be setting the ‘Classes of Header icon-2’ property fab fa-xxxx to ‘fab fa-xxxx’, where xxxx is the ‘name’ from the ‘sociallinks’ column of the ‘ContactInfo’ table. Note the original code only shows facebook, twitter, and instagram icons: ‘visibleOnNav’ is false for linkedIn, and there is no Class List (or On Click) Logic for linkedIn.
I’ve added the logic for linkedIn (code above) but had to use fab fa-instagram in the ‘Classes of’, as there doesn’t seem to be a ‘fab fa-linkedin’ (although the space where the icon remains clickable, since I added the linkedIn logic to the On Click Event). (also set visibleOnNav to true for linkedIn)
- what are the fab fa-xxxx properties and the values they’re set to?
- how do they put the icon in a Text component?
- where do I find them so I can add fab fa- linkedIn?