Skip to content

Spacer

Description

Display a provided string in the line format.

Attributes

  • tile: spacer
  • variant: title | line.By default, is title.
  • line1: Text for first line
  • line2: Text for second line
  • wrapper: support additional style for container
  • line1Styles: support additional style for line1
  • line2Styles: support additional style for line2
  • spacer: Provide style when variant is not provided

Example

{
  "tile": "spacer",
  "variant": "line",
  "line1": "Hello",
  "line2": "Test User",
  "wrapper": {
    "height": "200px"
  },
  "line1Styles": {
    "color": "#CF91FF",
    "fontSize": "3.0rem",
    "lineHeight": "2.9rem"
  },
  "line2Styles": {
    "color": "#0F4FCC",
    "textShadow": "-3px 0px 0px #CF91FF",
    "fontSize": "3.5rem",
    "lineHeight": "3.4rem"
  }
}

Example1

{
  "tile": "spacer",
  "title": "Test Title",
  "spacer": {
    "height": "200px",
    "color": "#96EECF",
    "textShadow": "-3px 0px 0px #CF91FF",
    "fontSize": "2.5rem",
    "lineHeight": "2.4rem"
  }
}