JSFiddle - React, Tailwind, and code Playground

by bhupendra negi

JavaScript

var objArr =  {
  "id": "AOC",
  "type": "Container",
  "children": [
    {
      "id": "test-event-card-without-countdown",
      "type": "Container",
      "tags": "",
      "stopAnimation": "20180610-23:59",
      "revealCountdown": "",
      "template": "template b",
      "countdown": "",
      "title": "test Event card without countdown",
      "locked": "",
      "startAnimation": "20180604-10:00",
      "animation": "true",
      "children": [
        {
          "id": "background",
          "type": "Asset",
          "source": "",
          "backgroundcolor": "#000000"
        },
        {
          "id": "sku_pid",
          "type": "Text",
          "color": "white",
          "content": "P2277"
        }
      ]
    },
    {
      "id": "template-b-locked-card-damien",
      "type": "Container",
      "tags": "",
      "stopAnimation": "",
      "revealCountdown": "",
      "template": "template b",
      "countdown": "",
      "title": "Template B Locked card Damien",
      "locked": "true",
      "startAnimation": "",
      "animation": "",
      "children": [
        {
          "id": "background",
          "type": "Asset",
          "source": "https://dcm-recette.sephora.fr/content/dam/digital/appofcards/event/bg/1_ BG CARD EVENT.jpg"
        },
        {
          "id": "sku_pid",
          "type": "Text",
          "color": "white",
          "content": "P2277"
        }
      ]
    },
    {
      "id": "standard-card--sku-18393",
      "type": "Container",
      "tags": "",
      "stopAnimation": "",
      "revealCountdown": "",
      "template": "template b",
      "countdown": "",
      "title": "Standard card  SKU 18393",
      "locked": "",
      "startAnimation": "",
      "animation": "",
      "children": [
        {
          "id": "sku_pid",
          "type": "Text",
          "color": "white",
          "content": "18393"
        },
        {
          "id": "background",
          "type": "Asset",
          "source":...