Skip to content

Profile

Display the svg shape in profile view

  • tile:profile
  • variant: variantation of profile svg |
  • shape:display the different path to show svg block wave type profile here following wavePath: svg path for show the wave inside the profile imagePath: show the actucal image svg path *detailPath: show the details of user svg path
  • styles
  • classes

Example

 {
  "tile": "profile",
  "variant": "svg",
  "shape": {
    "wavePath": "M0,0H428V531.56s-36-66.24-158.4-46.08S47.2,463.88,0,422.12Z",
    "imagePath": "M261.19,295.53c-50.28,8.73-100.59,18.89-151.55,18.18-20-.28-40.32-2.32-58.89-9.78-51-20.47-58.67-74.12-44.39-122,8.06-27,14.43-52.1,25.13-78.19C43.8,73.73,60.76,40.62,85.76,20,109.3.5,142.84-3.94,172.53,3.23s59.94,24.72,82.6,45.2c40.49,36.58,70.41,83.33,90.16,134.2,5.11,13.16,6.53,26.78,7.44,40.87s-2,28.8-10.34,40.18c-14.91,20.3-42.54,25.37-67.39,29.5Q268.08,294.33,261.19,295.53Z",
    "detailPath": "M57.9,26.09c13.34-9.71,27-19.24,42.73-23.76,10.52-3,22.19-3.55,32.13,1,15.49,7.16,23.1,24.57,28.29,40.82,8.28,25.91,13.83,53.1,11.78,80.22-.44,5.79-1.27,11.7-4,16.84A37.7,37.7,0,0,1,159,152.55c-15.64,12.82-36.23,18.84-56.44,18.53s-40-6.64-57.81-16.27c-13.54-7.34-26.32-17-35.33-29.6C0,112-2.72,96.51,2.91,81a63.17,63.17,0,0,1,9.9-17.56c10.26-13,24.27-22.27,37.66-31.95Z"
  },
  "styles": {
    "root": {
      "marginTop": "120px"
    },
    "profileSvg": {
      "height": "168px",
      "marginLeft": "20px"
    }
  },
  "classes": {}
}