Skip to main content

Possible online services disruption due to Internet related outage

A worldwide technology outage is causing disruption to some State of Illinois online systems.  We are aware of this issue and are diligently working on restoration.

Icon Selector

Description

Icon Selector is a component designed for adding a decorative icon on a page, typically used next to the Title component.

Authoring

The Icon Selector component allows you to choose an icon from the fontawesome library.

Configuring the Properties tab

  • Select an icon from the fontawesome library menu.
  • Check decorative if the icon is decorative only. 
  • Enter an aria-label otherwise.

Configuring the Styles

  • Adjust the size of the icon from large, medium, to small as needed.
  • Adjust the icon color from theme, white, to black as need.
  • Adjust the icon alignment from left, right, center as needed.

Examples

Small & Theme Color & Left Aligned (Default)

Medium & Theme Color & Left Aligned

Large & Theme Color & Left Aligned

Extra Large & Theme Color & Left Aligned

Small & Black & Center Aligned

Medium & Black & Center Aligned

Large & Black & Center Aligned

Extra Large & Black & Center Aligned

Small & White & Right Aligned

Medium & White & Right Aligned

Large & White & Right Aligned

Extra Large & White & Right Aligned