Skip to main content

Icon

All available icons

The name attribute of the icon uses a prefix to represent the three-party library icon. Currently, it supports 1 product icon library, 2 three-party icon library and direct use of emoji icon

  • home means the home icon that uses the product icon library;
  • oct:accessibility means use octics accessibility icon;
  • ant:account-book-outlined means that the ccount-book-outlined icon using ant design icons is supported by all outlined and filled icons of ant;
  • 😀 means to use emoji directly.

Container properties

All component configurations support Container properties at the first level.

Component properties

NameTypeDefaultSupports Variable PatternDescription
classNamestring✔️The className of the component
styleobjectThe style of the component
namestringIcon's name
sizenumberIcon size
colorstring'currentColor'Icon color

All the remaining componentsProps will be passed to the component root element (svg).

JS API

The interface obtained through formApi.getFieldApi() is as follows:

NameTypeDescription
nodeHTML ElementThe root DOM element of the component