Infograph

Description

Display an information with provided body details and icon

Attributes

• tile=infograph
• title:
• body: infograph body part
• path: provide a path to get the data from the shared if path is provided then body attribute is override with the path data.
• options:[Object]
  • variant: single | left. By default, is single.
• render:
  • icon: icon name to be display
  • margin: margin to the container in number
  • title: classes for the title
  • body: classes for the body
  • iconColor: iconColor work only for left vairant
• classes: support additional styles
• styles: support additional styles

Example

{
  "tile": "infograph",
  "title": "Hello Tesing the infograph single version",
  "body": "From infograph Body",
  "options": {
    "variant": "single"
  },
  "render": {
    "icon": "far fa-table",
    "margin": 5,
    "title": "align-items-center",
    "body": "p-4"
  }
}

Example1

{
  "tile": "infograph",
  "title": "Hello test Infograph",
  "body": "From infograph Body",
  "options": {
    "variant": "left"
  },
  "path": "$.InforGraph",
  "render": {
    "icon": "far fa-table",
    "margin": 5,
    "title": "align-items-center",
    "body": "p-4",
    "iconColor": "red"
  }
}