Icon component

Icons are useful visual indicator to give a subtle tip to the user. In this lesson let's explore how to use lowcodera icons.

Insert icon component on the gallery

1.Insert lowcodera icon component on the gallery.

2.On the "IconName" property insert the code as below:

Switch(
    ThisItem.Category.Value,
    "Planning",
    "calendar",
    "Design",
    "pen",
    "Engineering",
    "building",
    "Marketing",
    "ad",
    "Research",
    "atom"
)

This code will create a condition based on the category name.

You can choose more than 2,000 icons provided by Font Awesome

Change the properties as shown in the table below

Property	Value
BackgroundColor	#800080
Tooltip	ThisItem.Category.Value

Your app should now be looking like this: