Skip to content

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"
  }
}