Skip to main content

Icon Picker

The Icon Picker component provides an interface for selecting icons from a library. It enables users to visually browse and choose icons to represent actions, statuses, or decorative elements in forms. This component is ideal for customizing UI elements where iconography enhances clarity or aesthetics. The selected icon is stored as a string (typically the icon name) and can be styled using size, color, and alignment options.

Image

Properties​

The following properties are available to configure the behavior of the component from the form editor (this is in addition to common properties).

Common​

Default Icon object​

Set a default icon from the icon library.

Appearance​

Size number​

Controls the icon size.

Color object​

Sets the icon color.

Icon Align object​

Alignment of the selected icon:

  • Left (start) (default)
  • Center (center)
  • Right (end)