In WaveMaker, widgets can display icon for Panel, Button, and more. You can choose the icons from the list of wavicons or font-awesome icons. You can use glyph icons, available here.
In this topic, learn how to add additional icons. In the following example, we are adding foundation icons.
- Import all the files in the library into the resources folder.
- Navigate to the
index.htmland include the imported CSS file.
<link rel="stylesheet" href="resources/icons/foundation-icons.css" type="text/CSS" />
You can also include the CDN URL directly without importing the files in step-1.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css" type="text/CSS" />
- Go to the page and drag and drop the icon widget and set the add the class name for the icon class property.