Skip to content
Docs
Components
Icon

Icon

Latest Update:Jul 5,2023 , 16:40:28

Scenarios

You can achieve the display of icons by selecting preset icons in the configuration area of the icon component. The icon component also allows users to upload custom icons.

Basic Function Description

The basic properties of the icon component support selecting icon types (preset icons and custom icons) and icon sizes (providing five recommended sizes for selection).

Extend Scenarios Description

How to modify the color and size of pre-set icons through the style panel?

Example

Through style panel can quickly modify the preset icon's color and size.

Configuration Method

Add an icon component, open the style panel, select a color in the "Font" section, and input a numerical value in the "Font Size"

Property

Properties received from external input for the component

Property NameProperty Description
Icon TypeDefault Value:"inner"
Icon StyleYou can manually select it, and by default, it's the first one
Custom IconSupport upload icon
Icon SizeSupport config the icon size