JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<script>


			var dataLayer=[{
				'pageId': 'Order Confirmation',
				'customerId': '116526744545455',
				'email': '[email protected]',
				'city': 'ASHFORD',
				'state': 'Middlesex',
				'zipCode': 'TW15 1JN',
				'country': 'UK',
				'profession': 'Other Trade',
				'customerBrand': 'SCREWFIX',
				'vatPriceDisplay': 'INC-VAT',
				'industry': '',
				'company': '',
				'gasSafeRegistered': 'Unregistered',
				'transactionId': 'A1392724145532',
				'transactionCollectTodayTotal': '',
				'transactionCollectNdTotal': '',
				'transactionDeliveryTotal': '83.33',
				'transactionTotal': '83.33',
				'transactionTotalDiscount': '83.33',
				'transactionShipping': '0.00',
				'transactionTax': '16.66',
				'paymentType': 'PayPal',
				'discountNameOrder': '',
				'discountCodeOrder': '',
				'discountNameDelivery': '',
				'discountCodeDelivery': '',
				'storeName': 'Yeovil - Lysander Road',
				'fulfillmentType': 'Delivery',
				'enrolledIn3DS': '',
				'webVersion': 'V3'
			  }];

</script>


<script src="https://hosted.curbside.com/1.0/curbside.dependencies.js"></script>
<script src="https://hosted.curbside.com/1.0/curbside.sdk.js"></script>


<script defer src="https://www.screwfix.com/images/general/assets/js/curbside-custom.js"></script>




<p>
 here's a lot of content
</p>

<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>
<p>
 here's a lot of content
</p>