icons

JourneyApps supports icons from the Font Awesome and Ionicons libraries to be used in various UI components.

Font Awesome icons

These icons are prepended with fa-. See an example below:

<button label="Add New User" icon="fa-plus-circle" on-press="$:addUser()" validate="false" />

Font Awesome version compatibility:

JourneyApps container version	Font Awesome version
4.34.9+	5.0.13
4.33.3+	5.0.7

Ionicons icons

These icons are prepended with ion-. See an example below:

<button label="Add New User" icon="ion-ios-add" on-press="$:addUser()" validate="false" />

Ionicons version compatibility:

JourneyApps container version	Ionicons version
4.0.0+	2.0.1

Developing with icons in OXIDE

With the Icons panel in OXIDE, developers can browse and search all available icons. The Icons panel includes a preview of each icon, and you can enlarge the icon preview using the Large icons button. Use the dropdown inside the panel to switch between Font Awesome and Ionicons icon sets. When you found an icon that you want to use, click on it to copy its name.