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 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. 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 component has five categories, to find them navigate to the Category drop-down & select the category

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

      Image Removed

    • Custom: Custom icons are for use with a very specific or unique action

      Image Removed

    • Doctype: Doctype icons represent document file formats

      Image Removed

    • Standard: Standard icons are available on the desktop by default

      Image Removed

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

      Image Removed

Name

...

Size

...

Adjust Icon sizes using the size attribute

There are five types of size

In the Size drop-down, select the size

...

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 apply solid color to Icon

e.g. The Icon is displayed in red 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