IconPicker

IconPickers are used to select names of Pega Cosmos Icons. The IconPicker is a ComboBox where is option is comprised of an Icon name, and a visual rendering of that Icon. This component can assist users in making informed decisions on which Icon suits their needs.

For more information on how to use the features and props for this component, check out the developer documentation.

The IconPicker requires a defaultSelection, which can be set to any valid Pega Cosmos Icon name. This component also allows for standard Form field structures such as being set required, disabled, or readOnly, as well as including a label, status, or info.

When an option is selected from the dropdown, an onSelect callback function is triggered with the name of the chosen Icon.

NameTypeDefaultDescription
defaultSelection*stringDefault selection for the input.
onSelect(iconName: string) => voidCallback fired when user chooses icon from the list of icons.