Add an Icon to a Flexcard (Managed Package)

For the managed package runtime, display an SVG Icon on a Flexcard. Select from a Salesforce SVG icon or a custom action. You can also link the icon to an action.

1. From the Flexcard Designer, drag an Icon element from the Build panel into a state on the canvas.
2. (Optional) From the Properties panel, update the element name in the Element Name field.
3. From the Type dropdown, select an icon type.
4. To configure a Custom icon, enter the source of the icon in the Source field.
5. To configure Salesforce SVG icon properties:

   1. To select the icon, from the Icon field, perform one of the following tasks:

      • Enter the name of the icon, such as utility:arrowdown. See Salesforce Lightning Design System.

      • Click the search icon in the input field, and perform one of the following tasks:

        • Click to select an icon from the list available, and click Save.

        • Search for an icon in the search field, click an icon to select it, and click Save.

   2. (Optional) Select a style variant from the Variant dropdown.

6. (Optional) To update the size of the icon, select a new size from the Size dropdown.
7. To link the icon to an action, click + Add Action. To configure action properties, see Flexcards Action Properties (Managed Package).
8. (Optional) To add conditions that must be met for the element to display, see Add Conditions to a Flexcard Element (Managed Package).
9. (Optional) To style your icon element, click Style to open the Style panel, and see Flexcards Icon Style Properties (Managed Package).

• Flexcards Icon Properties (Managed Package)
  For the managed package runtime, icon element properties are configurable in the Property Panel when you select an Icon element in the Flexcard Designer. With the Icon element, display a Salesforce SVG Icon or a custom icon on a Flexcard.