Skip to content

icon-text

Description

Display an icon with text

Attributes

  • tile: icon-text
  • title
  • body: Provide a body text to display inside the container with icon also allow template string.
  • icon: Provide a Icon name
  • styles:
  • rewrite: Rewriting of styles based on dispatches data

Example

{
  "tile": "icon-text",
  "title": "Icon text tile Testing",
  "body": "Hello from icon text body",
  "icon": "fal fa-check",
  "styles": {
    "wrapper": {
      "backgroundColor": "#f1eaea",
      "display": "flex",
      "height": "calc(100vh - 300px)",
      "justifyContent": "flex-start",
      "alignItems": "center",
      "padding": "15px",
      "borderRadius": "5px"
    },
    "details": {
      "fontSize": "20px"
    },
    "iconSize": {
      "fontSize": "20px"
    }
  }
}