JSFiddle - React, Tailwind, and code Playground

by ckissi

JavaScript

var obj  = `
[
   {
      "id":5067598594126,
      "sku":"M000BW",
      "name":"Model 000: Black/White",
      "grams":0,
      "price":"129.00",
      "title":"Model 000: Black/White",
      "vendor":"Atoms",
      "taxable":true,
      "quantity":1,
      "gift_card":false,
      "price_set":{
         "shop_money":{
            "amount":"129.00",
            "currency_code":"USD"
         },
         "presentment_money":{
            "amount":"129.00",
            "currency_code":"USD"
         }
      },
      "tax_lines":[

      ],
      "product_id":3536754966606,
      "properties":[
         {
            "name":"_gender",
            "value":"M"
         },
         {
            "name":"Size",
            "value":"Men's 12.25"
         },
         {
            "name":"_right_size",
            "value":"12.25"
         },
         {
            "name":"_atoms_experience",
            "value":""
         },
         {
            "name":"_atoms_id",
            "value":"01"
         },
         {
            "name":"_left_size",
            "value":"12.25"
         },
         {
            "name":"_friend",
            "value":"false"
         }
      ],
      "variant_id":28098313977934,
      "pre_tax_price":"103.20",
      "variant_title":"",
      "product_exists":true,
      "total_discount":"0.00",
      "origin_location":{
         "id":1665388773454,
         "zip":"11205-9716",
         "city":"Brooklyn",
         "name":"Atoms",
         "address1":"141 Flushing Ave",
         "address2":"77-701",
         "country_code":"US",
         "province_code":"NY"
      },
      "pre_tax_price_set":{
         "shop_money":{
            "amount":"103.20",
            "currency_code":"USD"
         },
         "presentment_money":{
            "amount":"103.20",
            "currency_code":"USD"
         }
      },
      "requires_shipping":true,
      "fulfillment_status":null,
      "total_discount_set":{
         "shop_money":{
           ...