Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • The Icon is a symbolic image that helps users quickly and simply easily identify the content

  • You can set only one Icon at a time

  • This component allows showing shows the Icon from the Salesforce Lightning Design System (SLDS)

  • You can refer to the documentation from SLDS https://www.lightningdesignsystem.com/icons/e.g. Action icons

  • There are various types of categories in Icons. In that category, you can select one icon 

  • There are some examples of the following categories: Action Icons, Custom Icons, Standard Icons, Doctype Icons, and Utility Icons.

Attributes

Category

  • You can change icons by using their category

  • The icon comes in five categories

  • In the Category drop-down, select the category

    • Action: Action icons are for use with quick actions on touch-screen devices

      Image Removed

    • Custom: Custom Object icons represent the entities and objects

      Image Removed

    • Doctype: Doctype icons represent document file formats:

      Image Removed

    • Standard: Custom Object icons represent the entities and objects

      Image Removed

    • Utility: Utility icons are simple symbols in a single color that identify labels and actions across many form factors

      Image Removed

Name

You can enter the name of the Icon in the Name attribute (Refer to the SLDS link)

...

Size

  • Adjust Icon sizes using the size attribute

  • There are five types of size

    • In the Size drop-down, select the size

      • XX-Small: You can set xx-small size on the icon

      • X -Small: You can set an x-small size on the icon

      • Small: You can set a small size on the icon

      • Medium: You can set medium size on the icon

      • Large: You can set the large size of the icon

...

Fill color

...

Using the Fill color you can customize the Icon color

e.g. The Icon is displayed in red if you enter that color

Fill color: Red

...

Icon Picker

  • Icon picker is used to add the icon to the table

  • Multiple icons are available which you can select for your table

    Image Added
  • You can also remove the added icon

Include Page
Common configurations for components at the layout
Common configurations for components at the layout