Skip to main content

Icon Picker

shadow

Icon picker allows the user to find and select an icon from a set of available icons. It includes text search for easier icon retrieval.

Basic usage

Attributes and Properties

icon

DescriptionThe name of the selected icon.
Attributeicon
Typestring
Defaultundefined

size

DescriptionThe number of icons displayed per page in infinite scrolling. The default value is 60.
Attributesize
Typenumber
Default60

Events

NameDescription
wje-icon-picker:selectIt is emitted when the icon is selected.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to the main container of the element.
anchorRefers to the element that serves as an anchor for the popup window.
pickerThe part of the picker containing the interface for searching and selecting icons.
inputIcon search input section.

CSS Custom Properties

NameDescription
--wje-icon-picker-icon-sizeIcon size in icon picker
--wje-icon-picker-paddingIcon spacing in icon picker
--wje-icon-picker-border-widthEdge width of the icon picker
--wje-icon-picker-border-styleEdge style icon picker
--wje-icon-picker-border-colorEdge colour icon picker
--wje-icon-picker-radiusRounding the corners of the icon picker
--wje-backgroundIcon picker background colour
--wje-border-colorThe colour used for the background of the icon on mouseover

Slots

No slots available for this component.