Agencies
Services
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