Icon

Displays a fluent ui library icon.

Interface

interface IIcon extends IElement {
  name?: string;
  title?: string | ILocales;
  fileExtension?: string;
  size?: number;
  styles?: {
    container: React.CSSProperties;
    icon: React.CSSProperties;
  };
}

Example

{
  "type": "Icon",
  "fileExtension": "{base.fileExtension}",
  "fallbackImageUrl": "20",
}

Properties

type

Must be “Icon”.

• Type: "Icon"

• Required: Yes

name

Name of the icon (fluent ui icons).

• Type: string

• Required: No

title

Specifies extra information about an element.

• Type: string |ILocales

• Required: No

fileExtension

Specify the file extension(".pdf",".doc",".ppt",...) if you want display the icon of file extension.

• Type: string

• Required: No

size

Specifies the size of the icon.

• Type: number [16 | 20 | 32 | 40 | 48 | 64 | 96]

• Required: No

• Default value: 32

styles

Allow to apply styles in icon or icon container.

• Type: object

interface styles {
  container: React.CSSProperties | Interpolation;
  icon: React.CSSProperties | Interpolation;
}

• Required: No